Deveoper Contribution

本地开发环境搭建

本文将指导用户如何在本地搭建developer-be和developer-fe模块,从而帮助开发者快速理解、开发代码。

其中developer-be的本地启动依赖于:

- Service Center
- DataBase
- UserManagement

其中developer-fe的本地启动依赖于:

- WebsiteGateway
- UserManagement
- developer-be

所以为了搭建本地开发环境,最终的启动顺序为 Service Center -> DataBase -> UserManagement -> developer-be -> WebsiteGateway(developer-fe)

流程详解

Service Center

DataBase

UserManagement

developer-be

developer-fe

1、下载Service Center

service center1.jpg

2、解压后运行 start-service-center.bat 和 start-frontend.bat

service center2.jpg

1、下载、安装、启动 Postgresql 最新版本

2、设置登录名和密码,例如 postgresql/root

3、创建名为developerdb的数据库

dev-db.png

4、根据developer部署文件 中的数据库语句创建表结构

dev-sql.png

5、创建名为usermgmtdb的数据库

6、根据usermgmt部署文件中的数据库语句创建表结构

1、下载user-mgmt-be代码和user-mgmt-fe代码

2、安装node.js和npm,进入user-mgmt-fe文件夹,运行npm installnpm run build

3、在user-mgmt-be的src/main/resources/文件夹中创建static文件夹

4、将user-mgmt-fe编译出的dist文件夹中的内容拷贝到user-mgmt-be的static文件夹中

5、在编译器(此处以IDEA为例)中配置MainServer的运行时环境变量

user-env.png

6、运行MainServer函数,启动UserManagement

1、下载developer-be代码

2、在编译器(此处以IDEA为例)中配置DeveloperApp的运行时环境变量

dev-config.png

3、运行DeveloperApp函数,启动developer-be

1、下载developer-fe代码

2、进入developer-fe文件夹,运行npm installnpm run build

3、下载website-gateway代码

4、在website-gateway的src/main/resources/文件夹中创建static文件夹

5、将developer-fe编译出的dist文件夹中的内容拷贝到website-gateway的static文件夹中

6、修改website-gateway中/src/main/resources/application.yaml 文件内的server.port8080

7、在编译器(此处以IDEA为例)中配置GatewayApp的运行时环境变量

ws-config.png

8、运行GatewayApp启动WebsiteGateway与developer-fe,浏览器访问http://127.0.0.1:8080/ 即可访问到developer首页