开源项目教程：Crate 应用程序-优快云博客

本文链接：https://blog.youkuaiyun.com/gitblog_01122/article/details/147019856

开源项目教程：Crate 应用程序

crate 👕 👖 📦 A sample web and mobile application built with Node, Express, React, React Native, Redux and GraphQL. Very basic replica of stitchfix.com / krate.in (allows users to get monthly subscription of trendy clothes and accessories). 项目地址: https://gitcode.com/gh_mirrors/cra/crate

1. 项目介绍

Crate 是一个开源的全栈应用程序，它结合了 Node.js、Express、React、React Native、Redux 和 GraphQL 等技术。该项目旨在为用户提供一个每月订阅时尚服饰和配件的服务。它包括一个后端 API，一个网页应用程序，以及一个移动应用程序（支持 Android 和 iOS）。Crate 应用的设计注重模块化和可扩展性，同时提供优质的开发者体验。

2. 项目快速启动

环境准备

在开始之前，请确保您的系统中已安装以下依赖：

Node.js
MySQL（或 Postgres / Sqlite / MSSQL）

克隆仓库

首先，克隆项目仓库到本地：

git clone git@github.com:atulmy/crate.git crate

然后，切换到 code 目录：

cd crate/code

配置

修改 /api/src/config/database.json 文件以设置数据库凭证。

如果需要，还可以修改 /api/.env 文件以设置端口号，以及修改 /web/.env 文件以设置网页应用程序的端口号和 API URL。

对于移动应用程序，请修改 /mobile/src/setup/config.json 文件以设置 API URL（使用 ifconfig 获取您的本地 IP 地址）。

设置

API: 安装包并进行数据库设置（迁移和种子）
```
cd api
npm run setup
```
Web 应用程序: 安装包
```
cd web
npm install
```
移动应用程序: 安装包
```
cd mobile
npm install
```
对于 iOS，还需要安装依赖：
```
cd mobile/ios
pod install
```

开发

运行 API: 在 API 目录下启动 API
```
cd api
npm start
```
在浏览器中访问 http://localhost:8000/ 查看 GraphiQL。
运行 Web 应用程序: 在 Web 目录下启动 Web 应用程序
```
cd web
npm start
```
在浏览器中访问 http://localhost:3000/。

运行移动应用程序: 在移动目录下启动移动应用程序

cd mobile
npx react-native run-ios

或者

cd mobile
npx react-native run-android

生产

运行 API: 在 API 目录下启动 API
```
cd api
npm run start:prod
```
这将创建一个优化后的构建在 build 目录，并运行服务器。
运行 Web 应用程序: 在 Web 目录下启动 Web 应用程序
```
cd web
npm run start:prod
```
这将创建一个优化后的构建在 build 目录，并运行服务器。