线上部署面试蛙

线上部署面试蛙

1.核心部署

一 本地准备

1. 修改代码:去掉es、sentinel、hotkey第三方代码,保证核心代码能够线上运行
2. 修改 application-prod.yml ,主要配置线上mysql、redis信息
3. maven打包
4. 上传jar包到宝塔

二 宝塔部署-后端

5. 添加项目启动命令:(等待半分钟后刷新页面查看是否显示端口)

 --server.port=8102 --spring.profiles.active=prod

6. nginx 转发:

• 在php项目新建,域名是公网ip,目录是mianshiwa
• php版本必须是80
• 其他默认

7. php项目创建后,在其nginx添加配置:(用于访问api路径打头)

    location /api {
      proxy_pass  http://127.0.0.1:8102;
      proxy_set_header Host $proxy_host;
      proxy_set_header X-Real-IP $remote_addr;
      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
      proxy_buffering off;
      proxy_set_header Connection "";
    }

8. 将nginx默认静态配置注释:

  # location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
    # {
    #     expires      30d;
    #     error_log /dev/null;
    #     access_log /dev/null;
    # }
 
    # location ~ .*\.(js|css)?$
    # {
    #     expires      12h;
    #     error_log /dev/null;
    #     access_log /dev/null;
    # }

9. 测试nginx转发是否成功,如果成功,则能访问后端swagger界面:

• http://线上ip/api/doc.html

三 宝塔部署-前端

10. 修改前端代码:request.js

// 创建 Axios 示例
// 区分开发和生产环境
const DEV_BASE_URL = "http://localhost:8102";
const PROD_BASE_URL = "http://线上ip";
const myAxios = axios.create({
    baseURL: PROD_BASE_URL,
    timeout: 10000,
    withCredentials: true,// cookie 自动携带
});

11. 修改next.config.mjs,next单机部署

/** @type {import('next').NextConfig} */
const nextConfig = {
    output: "standalone",
};
 
export default nextConfig;
 

12. build 前端项目,生成

注意:如果有报错,可以直接一键忽略:在next.config.mjs添加以下内容

/** @type {import('next').NextConfig} */
const nextConfig = {
    output: "standalone",
    typescript: {
        // !! WARN !!
        // Dangerously allow production builds to successfully complete even if
        // your project has type errors.
        // !! WARN !!
        ignoreBuildErrors: true,
    },
};
 
export default nextConfig;

13. build成功效果:(有个小bug,○代表静态内容,如果管理员修改题库图片,并不会修改首页的图片显示)

Route (app)                                       Size     First Load JS
┌ ○ /                                             6.22 kB         277 kB
├ ○ /_not-found                                   883 B          88.6 kB
├ ○ /admin/bank                                   3.13 kB         681 kB
├ ○ /admin/question                               4.13 kB         874 kB
├ ○ /admin/user                                   2.57 kB         681 kB
├ ƒ /bank/[questionBankId]                        664 B           279 kB
├ ƒ /bank/[questionBankId]/question/[questionId]  4.47 kB         456 kB
├ ○ /banks                                        2.42 kB         270 kB
├ ƒ /question/[questionId]                        1.44 kB         437 kB
├ ƒ /questions                                    3.69 kB         674 kB
├ ○ /user/center                                  338 kB          588 kB
├ ○ /user/login                                   1.78 kB         513 kB
└ ○ /user/register                                1.52 kB         504 kB
+ First Load JS shared by all                     87.7 kB
  ├ chunks/7023-357c18e1abddc78a.js               31.7 kB
  ├ chunks/fd9d1056-6091cd8ebb63e356.js           53.7 kB
  └ other shared chunks (total)                   2.36 kB
 
 
○  (Static)   prerendered as static content
ƒ  (Dynamic)  server-rendered on demand

14. 修第一个bug:

// 强制主页动态渲染
export const dynamic = 'force-dynamic';

15. 修改打包后的文件位置

• 在 .next 目录下会生成 standalone 目录，该目录就是可以独立部署的前端包。但是必须按照如下模式组织目录，一定不能有错！
  1. 将项目根目录下的 public 目录移动到 .next/standalone 内
  2. 将 .next/static 目录移动到 .next/standalone/.next 内

16. 将standalone里的文件都压缩并复制到宝塔
17. 上传到服务器后，添加 Node 项目。注意修改启动选项（start 或者自定义命令 node server.js）和项目端口（3000）
18. 修改 Nginx 配置，访问前端资源时，反向代理到 Node.js 服务：

location / {
  proxy_pass  http://127.0.0.1:3000;
  proxy_set_header Host $proxy_host;
  proxy_set_header X-Real-IP $remote_addr;
  proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
  proxy_buffering off;
  proxy_set_header Connection "";
}

19. 测试:http://线上ip

至此,已经部署好一个基础的核心面试蛙项目,但是还未集成es分词检索、sentinel流量控制、hotkey热点检测

2.es部署

代码接口:题目搜索接口、ES 定时同步任务

修改代码

安装es

开放端口

测试es

后台运行:

nohup ./bin/elasticsearch > elasticsearch.log 2>&1 &

安装kibana

安装ik 分词器:

bin/elasticsearch-plugin install https://get.infini.cloud/elasticsearch/analysis-ik/7.17.24

重启es

测试ik

bug:打开题目详情页的任意一道题都需要登陆

4

3.sentinel部署

4.hotKey部署

---