PDK2021-FrontendCore

项目说明 | Introduction

此项目是形随意动公用开发套件PDK（Public Development Kit）的前端部分。目前为单页面应用。
技术栈：React，antd pro
接口文档：https://github.com/InteractivePlus/InteractivePDK2021-DesignDoc/blob/master/Backend/API.md

参与此项目 | Contribute to this project

参与方式

我们非常欢迎你的贡献，可以通过以下方式：

• 通过 Issue 报告 bug 或进行咨询。
• 提交 Pull Request 改进代码。

环境说明

该版本可正常运行，若使用高版本出现问题，请提交issue，我们将及时跟进。

• node 14.17
• yarn 1.22

初始化

yarn install

开发模式

yarn start

生产模式

yarn build

根据Swagger接口文档生成代码

yarn openapi

补充

该项目前后端分离，部署在不同服务器上。接口对跨域作了限制，而浏览器默认不支持跨域访问，所以本地调试时需要做些调整。
Chrome用户可参考 https://www.cnblogs.com/duchaoqun/p/12792451.html

vscode用户可参考以下配置，修改launch.json实现Chrome跨域调试启动（本repo已经包含了这一配置，在.vscode文件夹下）

"configurations": [
        
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:3000",
            "webRoot": "${workspaceFolder}",
            "runtimeArgs": ["--disable-web-security"]
        }
    ]

在vscode启动调试前需要先进入开发模式（无论是跨域还是普通开发）。

特别注意 | Additionally

请不要使用npm install添加额外库，会出现兼容性问题。

正确添加方法：

yarn add xxx

开发者

感谢以下做出贡献的开发者：

以及OpenAPI-Frontend（PDK前端项目前身）的开发者：

亿些小细节

记录一下开发中的细节问题

1. 新建项目流程

npm install -g create-react-app
npx create-react-app appdemo --template typescript

2. 如果有奇怪的问题：

• 检查node版本是否匹配
• 删除node_modules，然后重新install

3. 打包分析

4. 出现Error: Module "./antd/es/xxx/style" does not exist in container.
   解决方案：ant-design/ant-design-pro#8842

git add .
git clean -dfx
yarn