全栈项目部署流程

背景

我写了一个网站导航的网站，用于收藏我自己常用得网页，有网站导航首页，有管理后台页面，能对分类，链接进行增删改查，用户也能进行注册，登录。

功能完成了，该如何在宝塔部署呢，数据库该如何使用呢？是否有其他更快捷的部署方式呢？

方式1-宝塔面板部署

1.后端项目部署

1.1前置操作

在idea中 把数据库数据，导出成ddl

在宝塔面板创建数据库，点击管理，进入phpamin中,执行 创建表得数据。

1.2 分环境创建文件

application.yml,application-prod.yml

在prod的文件中，把数据库密码和账号修改成在宝塔面板中的

然后进行打包处理，maven->项目生存期->package

1.3 添加java项目

网站中，添加java项目，指定刚才的jar包，然后可通过ip：端口 可访问接口了

如何使用域名来访问呢？

1.在域名管理中添加A记录，使用nav.puxiaoshuai.top, 配置的ip就是宝塔面板的ip

点击刚才创建的项目，在域名管理中新增 域名名称。

在执行的命令中追加：  `spring.profiles.active=prod`

2.添加放行端口，在宝塔面板的安全-系统防火墙中添加，后端项目运行的端口，并同步点击 腾讯云进行放行

这样在就能使用 nav.puxiaoshuai.top/api/xxx来访问接口了，这样还是http接口，可点击网站，选择 ssl申请3个月的证书，到期在手动申请下。

1.4访问接口： 502 ？

java项目，nginx 配置  代理

location /api/ {
    # 确保代理地址正确
    proxy_pass http://127.0.0.1:8080;  # 或你的Java应用端口
    
    # 添加以下配置
    proxy_connect_timeout 60s;
    proxy_send_timeout 60s;
    proxy_read_timeout 60s;
    
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header X-Forwarded-Proto $scheme;
    
    # 如果使用WebSocket，需要添加
    # proxy_http_version 1.1;
    # proxy_set_header Upgrade $http_upgrade;
    # proxy_set_header Connection "upgrade";
}

另外线上部署效果跟本地不一样，如何调试线上接口数据？

bilibili.com/video/BV1Vb4y1Q7KJ/?spm_id_from=333.1007.top_right_bar_window_history.content.click

2.前端部署

参考：https://www.puxiaoshuai.top/?p=33

提前把线上链接换了