Flutter 新闻客户端 - 14 headless strapi + graphql 快速构建新闻后台

本节目标

• strapi + graphql 插件 + docker 安装
• strapi 管理数据结构、内容
• flutter + graphql 插件 实现查询

视频

https://www.bilibili.com/video/BV1Zz411e7dj/

代码

https://github.com/ducafecat/flutter_learn_news/releases/tag/v1.0.14

正文

后台开发步骤

采用 strapi + nodejs + 网关 的方案

1. strapi 安装

1.1 docker-compose 方式安装

• .env

PASSWORD=123456

• docker-compose.yml

version: "3"
services:
  mongo:
    image: mongo
    container_name: mongo
    restart: always
    ports:
      - 27017:27017
    environment:
      - TZ=Asia/Shanghai
      - MONGO_INITDB_ROOT_USERNAME=root
      - MONGO_INITDB_ROOT_PASSWORD=${
   PASSWORD}
    volumes:
      - ./docker-data/mongo:/data/db
    networks:
      docker_net:
        ipv4_address: 172.22.0.11

  # starpi
  # admin / 123456 / [email protected]
  strapi-app:
    image: strapi/strapi
    container_name: strapi-app
    restart: always
    ports:
      - 1337:1337
    # command: strapi build
    # command: strapi start
    environment:
      - TZ=Asia/Shanghai
      - DATABASE_CLIENT=mongo
      - DATABASE_HOST=mongo
      - DATABASE_PORT=27017
      - DATABASE_NAME=strapi
      - DATABASE_USERNAME=root
      - DATABASE_PASSWORD=${
   PASSWORD}
      - DATABASE_AUTHENTICATION_DATABASE=strapi
      # - NODE_ENV=production
    depends_on:
      - mongo
    volumes:
      <