项目快速部署上线

# 线上配置文件

server:
  port: 8101

spring:
  # 数据库配置
  datasource:
    driver-class-name: com.mysql.cj.jdbc.Driver
    url: jdbc:mysql://{修改为你的数据库地址}/yudada
    username: 修改为你的用户名
    password: 修改为你的密码
  # Redis 配置
  redis:
    database: 1
    host: 修改为你的地址
    port: 6379
    password: 修改为你的密码
  # 分库分表配置（开源代码部署可忽略）
  shardingsphere:
    # 数据源配置
    datasource:
      # 多数据源以逗号隔开即可
      names: yudada
      yudada:
        type: com.zaxxer.hikari.HikariDataSource
        driver-class-name: com.mysql.cj.jdbc.Driver
        jdbc-url: jdbc:mysql://{修改为你的数据库地址}/yudada
        username: 修改为你的用户名
        password: 修改为你的密码
    # 规则配置
    rules:
      sharding:
        # 分片算法配置
        sharding-algorithms:
          # 自定义分片规则名
          answer-table-inline:
            type: INLINE
            props:
              algorithm-expression: user_answer_$->{appId % 2}
        tables:
          user_answer:
            actual-data-nodes: yudada.user_answer_$->{0..1}
            # 分表策略
            table-strategy:
              standard:
                sharding-column: appId
                sharding-algorithm-name: answer-table-inline

mybatis-plus:
  configuration:
    # 生产环境关闭日志
    log-impl: ''

# 接口文档配置
knife4j:
  basic:
    enable: true
    username: 修改为你的用户名
    password: 修改为你的密码

修改好配置后，可以将最新的代码推送到 GitHub 上，但是 一定要注意 ！不要将包含密码和隐私数据的代码公开，建议新建一个 private 仓库 进行推送！

Dockerfile

Dockerfile 类似于一个脚本文件，用于指定构建 Docker 镜像的方式，这里直接给大家提供，不同的项目进行微调即可。

Dockerfile 代码如下，一般将其放到后端项目的根目录：

# Docker 镜像构建

# 选择基础镜像
FROM maven:3.8-jdk-8-slim as builder

# 解决容器时期与真实时间相差 8 小时的问题
RUN ln -snf /usr/share/zoneinfo/Asia/Shanghai /etc/localtime && echo Asia/Shanghai > /etc/timezone

# 复制代码到容器内
WORKDIR /app
COPY pom.xml .
COPY src ./src

# 打包构建
RUN mvn package -DskipTests

# 容器启动时运行 jar 包
CMD ["java","-jar","/app/target/yudada-backend-0.0.1-SNAPSHOT.jar","--spring.profiles.active=prod"]

其实就是把部署所需的环境和操作命令写在一起。

扩展 - 不使用 Redis

如果使用了扩展版源码，又不想部署 Redis，可以采用下面的方式关闭 Redis。

1）注释 RedissonConfig 配置类的注解

//@Configuration
//@ConfigurationProperties(prefix = "spring.redis")

2）注释 AiTestScoringStrategy 类的抢锁逻辑，以及对 Redisson 客户端的引用：

3）启动类 MainApplication 排除掉 Redis 的自动加载：

@SpringBootApplication(exclude = {RedisAutoConfiguration.class})

3、部署

首先进入微信云托管平台，创建环境并新建服务，注意要打开公网访问：

然后编写部署配置，选择发布在 GitHub 上的后端代码仓库，并且一定要修改端口号和实际后端项目一致！

注意目标目录要选择后端项目的根目录（这里是 yudada-backend），该目录内包含有 Dockerfile 文件。云托管平台会根据这个文件构建 Docker 镜像并启动容器。

配置完成后，点击发布，等待部署即可：

部署完成后，就可以通过云托管平台提供的公网域名进行访问和测试了。

四、前端部署

1、项目修改

修改 request.ts 文件，区分开发环境和生产环境使用的接口地址。生产环境的接口地址就是上一步后端部署得到的公网域名。

代码如下：

// 是否是开发环境
export const isDev = process.env.NODE_ENV === "development";

// 创建 Axios 实例
const myAxios = axios.create({
  baseURL: isDev ? "http://localhost:8101" : "改为自己的后端地址",
  timeout: 60000,
  withCredentials: true,
});

2、部署

建议将项目发布到 GitHub 平台进行托管，敏感项目可以设置为 private。

先注册登录 Vercel 平台，授权 GitHub 后，点击新建项目，可以直接搜索到要部署的项目代码：

然后进入项目配置，由于本项目将前端、后端、小程序都放在了一起，所以必须指定项目目录为前端目录，然后平台会自动识别出这是一个 Vue 项目，并预设部署所需的命令。你也可以自行修改命令、添加环境变量等：

完成配置后，点击 Deploy 按钮，稍等片刻，即可完成部署。

五、问题处理

解决 Cookie 跨域

访问前端页面，虽然能够获取到主页数据，但是无法正常登录。具体表现为用户登录后，回到主页，仍然处于未登录的状态。

按 F12 打开网络控制台，可以看到由于跨域问题导致 Cookie 没种上，后端就无法标识前端用户，所以查询不到登录态。

修改后端项目设置 Cookie 的配置，必须同时设置 SameSite=None 和 Secure=true。 SameSite=None 表示 Cookie 将被发送到跨站请求中，而 Secure=true 确保 Cookie 只能通过 HTTPS 连接发送，从而提高了安全性。

修改 Spring Boot 生产环境配置文件如下：

server:
  port: 8101
  servlet:
    session:
      cookie:
        # 解决跨域
        same-site: none
        secure: true

然后将修改推送到 GitHub 上，会自动触发微信云托管平台的流水线部署，稍等片刻后再次访问，这次项目的各操作都能够正常执行。

Li清水

关注

5
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
项目快速部署上线

本地开发完成的项目，如何部署到线上？
复制链接

扫一扫

专栏目录

项目快速部署上线

一、部署规划

1、获取源码

2、部署方案

前端

后端

3、地址规划

4、注意事项

二、安装依赖

1、MySQL

2、Redis

3、对象存储

4、ChatGLM AI

三、后端部署

1、数据库初始化

2、项目修改

配置修改