第一部分:部署wx-api后端
步骤1:编译wx-api后端
首先,我们需要编译wx-api后端。
步骤2:配置Linux编译环境
在部署之前,确保你的服务器满足以下要求:
- MySQL数据库(用于生产环境)
- 后端服务器上已安装JAVA 8
- 前端服务器上已安装nginx
许多人在生产环境中将前后端部署在同一台机器上,但出于性能考虑,建议将Mysql、后端服务器和前端服务器分开使用不同的机器。
1.1:修改生产环境配置文件
打开配置文件 application-prod.yml,位置如下:
![图片[2]-自建微信公众号管理开发平台-学霸博客](https://xueba520.top/wp-content/uploads/2023/10/d406bb4a89221737.png)
在配置文件中,你可以设置生产环境的数据库配置,如下图所示:
![图片[3]-自建微信公众号管理开发平台-学霸博客](https://xueba520.top/wp-content/uploads/2023/10/797c39815e221738.png)
1.2:打包
你可以使用IDE中的Maven界面操作来打包,或者在shell中执行以下命令:mvn clean package。打包成功后,你会在target目录中找到wx-api.jar。
![图片[4]-自建微信公众号管理开发平台-学霸博客](https://xueba520.top/wp-content/uploads/2023/10/e3b772d943221739.png)
![图片[5]-自建微信公众号管理开发平台-学霸博客](https://xueba520.top/wp-content/uploads/2023/10/f483d41bf0221739.png)
1.3:启动wx-api.jar后端服务器
使用以下命令启动后端服务器:
nohup java -jar -Dspring.profiles.active=prod wx-api.jar &
![图片[6]-自建微信公众号管理开发平台-学霸博客](https://xueba520.top/wp-content/uploads/2023/10/d569bbfe22221735.png)
第二部分:部署wx-manage前端
步骤1:克隆下载wx-manage前端代码
克隆下载wx-manage前端代码。
![图片[7]-自建微信公众号管理开发平台-学霸博客](https://xueba520.top/wp-content/uploads/2023/10/38e23f62d8221735.png)
![图片[8]-自建微信公众号管理开发平台-学霸博客](https://xueba520.top/wp-content/uploads/2023/10/9d99544126221736.png)
步骤2:打包前端文件
2.1:安装Node.js
请自行搜索教程以安装Node.js。
2.2:安装依赖
在命令行中执行以下命令安装依赖:
npm install
![图片[9]-自建微信公众号管理开发平台-学霸博客](https://xueba520.top/wp-content/uploads/2023/10/7f9bebc58e221736.png)
2.3:打包前端文件
执行以下命令来打包前端文件:
npm run build
![图片[10]-自建微信公众号管理开发平台-学霸博客](https://xueba520.top/wp-content/uploads/2023/10/1a016e530d221737.png)
2.4:将文件上传到前端服务器
将dist文件夹中的所有文件上传到前端服务器nginx。
![图片[11]-自建微信公众号管理开发平台-学霸博客](https://xueba520.top/wp-content/uploads/2023/10/703acb15b7221737.png)
步骤3:修改nginx代理转发配置
在nginx配置中添加以下内容:
server {
listen 80 default_server;
location /wx {
proxy_pass http://127.0.0.1:8088/wx;
}
}
请注意,nginx需要使用80端口或443(https)端口,否则腾讯不允许微信授权。将上面proxy_pass中的IP修改为后端服务器的IP地址。
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END








暂无评论内容