前后端分离 & YApi接口管理 & Swagger & git合并分支 & 前后端部署【reggie_take_out】

前后端分离

image
image

YApi接口管理

image
image
image

Swagger

image
image
image
image
image

image


合并分支

image
v1.2分支开发好了,现在需要先在本地合并到master分支,然后将本地master分支推送到远程仓库以更新master

  1. 首先,切换当前分支到本地的master
    image
    image
  2. 然后,选中本地v1.2分支,点击merge into current
    image

[3. 要是有冲突,就手动处理一下]
image
image
image

  1. 推送(add+commit+push)本地master到远程master即可

前后端部署

部署架构
image
image


PS:没那么多资源,实际操作全部部署在一台线上hecs云服务器上

前端项目部署

  1. 上传打包好的工程
    image
    image
  2. 修改nginx配置文件
    image
    image
  3. 启动nginx或重载配置文件(若已启动)
    参考https://www.cnblogs.com/yppah/p/17062732.html
    image
    image
  4. 反向代理详解
    image
    image
    rewrite这一行的作用:动态截取url路径(通常实际开发中前端的请求url中有统一前缀,比如api)
    image
    proxy_pass这一行的作用:所代理的地址

前端请求地址为:http://123.249.83.224/api/employee/login
故动态拼接后实际访问的地址为:http://123.249.83.224:8080/employee/login

后端项目部署

image
https://gitee.com/yub4by/my-reggie-take-out.git
image
image
image
image
image
image

image

注意:小水管子配置很低,万一没启动起来,不要心急,可以再启动几次试试
image
启动成功后,可以查看项目target目录中的日志文件(即idea控制台输出)
cat reggie_take_out.log
image

image
通过草料二维码https://cli.im/url可以实现扫码访问
image


注意
线上环境中8080端口默认是tomcat的
80端口默认是nginx的
而后项目运行采用的时springboot中内置的Tomcat
故,此处在部署时,将后端项目访问端口改为8888,避免冲突
image
image


posted @ 2023-01-20 15:55  yub4by  阅读(69)  评论(0编辑  收藏  举报