瑞安哪里有做百度的网站,自定义wordpress,wordpress自定义文章页面模板,不用付费全部免费的追剧软件从零开始之AI面试小程序 文章目录 从零开始之AI面试小程序前言一、工具列表二、开发部署流程1. VMWare安装2. Centos安装3. Centos环境配置3.1. 更改子网IP3.2. 配置静态IP地址 4. Docker和Docker Compose安装5. Docker镜像加速源配置6. 部署中间件6.1. MySQL部署6.2. Redis部署…从零开始之AI面试小程序 文章目录 从零开始之AI面试小程序前言一、工具列表二、开发部署流程1. VMWare安装2. Centos安装3. Centos环境配置3.1. 更改子网IP3.2. 配置静态IP地址 4. Docker和Docker Compose安装5. Docker镜像加速源配置6. 部署中间件6.1. MySQL部署6.2. Redis部署 7. 初始化数据库8. 运行AI面试后端程序8.1. 拉取源码8.2. 配置JDK8.3. 配置Maven8.4. 配置字符编码8.5. 配置服务器8.5.1. 配置MySQL和Redis8.5.2. 微信授权登录密钥 8.6. 运行后端程序8.6.1. 编译项目8.6.2. 运行项目 9. 运行AI面试前端程序9.1. 安装NVM9.2. 安装依赖9.3. 运行前端 10. 运行AI面试小程序端程序10.1. 安装依赖10.2. 微信小程序配置10.3. OSS配置10.4. 运行小程序 11. Coze机器人配置11.1. 自我介绍AI生成工作流配置11.2. 面试结果AI评分工作流配置11.3. 配置AI机器人11.4. 获得个人访问令牌11.5. 服务器端配置11.5.1. API密钥配置11.5.2. 聊天模型配置 12. Paraformer语音识别配置12.1. 获得阿里灵积服务API Key12.2. 服务器端配置 13. 阿里OSS配置13.1. 获得STS密钥OSS13.1.1. 获得访问密钥13.1.2. 获得ARN13.1.3. 为RAM角色授予文件权限 13.2. 获得公有密钥OSS13.2.1. 获得访问密钥 13.3. 服务器端配置 三、操作流程1. 管理端1.1. 创建素材非必选1.2. 创建题册1.3. 创建题目 2. 小程序端2.1. 自我介绍生成2.2. AI面试 四、docker部署流程1. 后端打包1.1. 修改配置1.2. 编译后端1.3. 上传 Jar 包1.4. 构建镜像1.5. 编写docker服务启动脚本1.6. 启动后端 2. 前端打包2.1. 修改配置2.2. 编译前端2.3. 安装 Nginx2.4. 配置 Nginx2.5. 上传 dist 文件2.6. 检验连通性 五、技术框架图六、数据结构图七、参考 前言
在如今人人皆可卷,万物皆可卷的社会中生活实属不易。本文将带领各位从零开始搭建并熟悉开发AI面试小程序适合小白食用。程序还有些地方仍在完善望海涵。 一、工具列表
VMware workstation Pro 17Navicat premium 15Visual Studio CodeIntellij IDEAJDK 17HBuilder X微信开发者工具PostmanFinalShell
二、开发部署流程
1. VMWare安装
VMWare安装流程传送门VMWare Workstation Pro 于 2024年5月针对个人版本官网已免费可自行下载即可。
2. Centos安装
Centos安装流程传送门安装Cenos的目的是为了后面在此Linux系统上面装docker在docker上面部署MySQL和Redis。除此之外后续的中间件啥的也都可安装在docker上方便管理。如想直接在 物理机 上安装MySQL和Redis的可直接跳过。
3. Centos环境配置
本文将Centos系统配置为静态IP192.168.30.131对应的子网为192.168.30.0。防止每次服务器重启对应的IP都会变化。
3.1. 更改子网IP
在“编辑(E) 上左键单击然后在虚拟网络编辑器(N)… 上左键单击。 进入虚拟网络编辑器页面后点击【更改设置】。 更改子网IP为192.168.30.0选择为NAT模式。更改完成后点击【NAT设置】按钮进入NAT设置。 进入【NAT 设置】页面后更改【网关IP】为192.168.30.2即可。
3.2. 配置静态IP地址
修改网卡配置命令如下其中的 ifcfg-ens33 为配置对应的网卡。
vi /etc/sysconfig/network-scripts/ifcfg-ens33TYPEEthernet
PROXY_METHODnone
BROWSER_ONLYno
BOOTPROTOstatic
IPADDR192.168.30.131
NETMASK255.255.255.0
GATEWAY192.168.30.2
DNS1114.114.114.114
DEFROUTEyes
IPV4_FAILURE_FATALno
IPV6INITyes
IPV6_AUTOCONFyes
IPV6_DEFROUTEyes
IPV6_FAILURE_FATALno
IPV6_ADDR_GEN_MODEstable-privacy
NAMEens33
UUIDabf7c9a3-58a8-4c34-850d-a565b5803f97
DEVICEens33
ONBOOTyes其中需要注意如下几项【IPADDR】、【NETMASK】、【GATEWAY】、【DNS1】。【IPADDR】为服务器的静态IP地址【NETMASK】为服务器的网络掩码【GATEWAY】为上个步骤配置的【网关 IP】【DNS1】本文选的是114.114.114.114也可根据环境自己更换。
4. Docker和Docker Compose安装
其中的Docker Compose需要根据对应的Docker版本安装如果Docker为最新的版本Docker Compose应为最新版本。Docker Compose若为github上下载下来可直接上传到服务器的 /usr/local/bin/ 路径下全路径为 /usr/local/bin/docker-compose Docker和Docker Compose安装流程传送门 Docker Compose github传送门
5. Docker镜像加速源配置
可以解决docker和docker compose安装容器慢的问题。 创建或修改/etc/docker/daemon.json为如下
{registry-mirrors: [http://hub-mirror.c.163.com]
}Docker镜像加速源配置传送门 这个镜像源可以换成其他的如果用了镜像加速源也不行。可参考 从零开始之Dify二次开发篇 中的 【将dify组件镜像转移到阿里云可选】部分 或 【Docker镜像库失效应对策略】教你两种方式快速下载镜像 。
6. 部署中间件
本文用到的中间件有MySQL和RedisMySQL的版本为【8.0.27-1debian10】Redis的版本为【6.2.6】。
6.1. MySQL部署
Docker安装MySQL传送门
6.2. Redis部署
通过docker拉取Redis的最新镜像命令如下。
docker pull redis:latest然后在服务器上启动Redis即可。
docker run --restartalways -p 6379:6379 --name redis -d redis:latest7. 初始化数据库
从Gitee项目中拉取后端源码AI面试后端源码传送门。进入对应SQL所在的目录【neuinterviewbackend\sql\mysql】用 Navicat 分别执行【ruoyi-vue-pro.sql】和【interview202409191613.sql】【ruoyi-vue-pro.sql】是ruoyi-vue-pro的基础表结构的SQL【interview202409191613.sql】是AI面试的表结构的SQL。
8. 运行AI面试后端程序
8.1. 拉取源码
从Gitee项目中拉取后端源码AI面试后端源码传送门。用 IDEA 打开项目。
8.2. 配置JDK
本AI面试后端需要的JDK为JDK17通过【Project Structure】配置即可。
8.3. 配置Maven
Maven配置传送门Maven的仓库配置可参考如下配置。
mirrors
!-- 阿里镜像 --mirroridalimaven/idmirrorOfcentral/mirrorOfnamealiyun maven/nameurlhttp://maven.aliyun.com/nexus/content/repositories/central//url/mirrormirroridalimaven/idnamealiyun maven/nameurlhttp://maven.aliyun.com/nexus/content/groups/public//urlmirrorOfcentral/mirrorOf/mirrormirroridcentral/idnameMaven Repository Switchboard/nameurlhttp://repo1.maven.org/maven2//urlmirrorOfcentral/mirrorOf/mirrormirroridrepo2/idmirrorOfcentral/mirrorOfnameHuman Readable Name for this Mirror./nameurlhttp://repo2.maven.org/maven2//url/mirrormirroridibiblio/idmirrorOfcentral/mirrorOfnameHuman Readable Name for this Mirror./nameurlhttp://mirrors.ibiblio.org/pub/mirrors/maven2//url/mirrormirroridjboss-public-repository-group/idmirrorOfcentral/mirrorOfnameJBoss Public Repository Group/nameurlhttp://repository.jboss.org/nexus/content/groups/public/url/mirrormirroridgoogle-maven-central/idnameGoogle Maven Central/nameurlhttps://maven-central.storage.googleapis.com/urlmirrorOfcentral/mirrorOf/mirror!-- 中央仓库在中国的镜像 --mirroridmaven.net.cn/idnameoneof the central mirrors in china/nameurlhttp://maven.net.cn/content/groups/public//urlmirrorOfcentral/mirrorOf/mirror/mirrors8.4. 配置字符编码
通过【Settings】进行配置字符编码。
8.5. 配置服务器
8.5.1. 配置MySQL和Redis
进入【yudao-server】模块下的【yudao-server/src/main/resources/application-local.yaml】。将对应的MySQL的地址和Redis地址更改为对应的服务器的地址即可本文即192.168.30.131。
8.5.2. 微信授权登录密钥
本文小程序的登录方式可选择微信授权登录因此需要参考 微信小程序测试号申请 链接申请一个测试小程序将 AppID 和 AppSecret 配置设置到后端项目 application-local.yaml 的 wx.miniapp 配置项中。
8.6. 运行后端程序
8.6.1. 编译项目
使用 IDEA 打开 Terminal 终端在 根目录 下直接执行 mvn clean install package -Dmaven.test.skiptrue 命令。如果执行报 Unknown lifecycle phase “.test.skiptrue” 错误使用 mvn clean install package -Dmaven.test.skiptrue 即可。 控制台日志输出如下信息即表示成功。
[INFO] ------------------------------------------------------------------------
[INFO] BUILD SUCCESS
[INFO] ------------------------------------------------------------------------
[INFO] Total time: 9.139 s (Wall Clock)
[INFO] Finished at: 2024-09-20T18:56:0308:00
[INFO] ------------------------------------------------------------------------8.6.2. 运行项目
本文的后端程序运行在【48080】端口此端口也是在【yudao-server/src/main/resources/application-local.yaml】中配置。运行后见到如下提示则表示运行成功。
9. 运行AI面试前端程序
从Gitee项目中拉取前端源码AI面试前端源码传送门。用 VSCode 打开项目。本文采用的是yudao的 Vue3 element-plus 版本。
9.1. 安装NVM
NVM是个Node多版本管理器可以切换不同Node版本的环境类似虚拟机的作用 NVM安装传送门。
9.2. 安装依赖
打开 VSCode 控制台输入如下命令安装
# 安装 pnpm提升依赖的安装速度
npm config set registry https://registry.npmmirror.com
npm install -g pnpm
# 安装依赖
pnpm install如果遇到如下问题
pnpm : 无法加载文件 D:\Program Files\nvm_nodejs\pnpm.ps1因为在此系统上禁止运行脚本。可参考 pnpm : 无法加载文件 问题详细描述解决方案传送门
如果遇到nvm使用use命令失效的问题可参考 NVM的use命令失效解决方案传送门
如果npm安装各种依赖包的时候下载速度慢可通过更换npm源的方式解决。npm源切换详解
如果出现npm install 一直sill idealTree buildDeps问题。可参考解决方案 npm install一直sill idealTree buildDeps
npm cache clear --forcenpm config set registry http://registry.npmjs.org/9.3. 运行前端
# 启动服务
npm run dev运行后见到如下提示则表示运行成功。
10. 运行AI面试小程序端程序
从Gitee项目中拉取小程序端源码AI面试小程序端源码传送门。用 Hbuilder X 打开项目。
10.1. 安装依赖
打开Hbuilder X控制台输入如下命令进行安装。如果安装过程中出现一些问题可参考步骤【9.2. 安装依赖】
# 安装依赖
npm install10.2. 微信小程序配置
将程序中的微信小程序AppID配置为自己申请的即可。 微信小程序连接后端的相关配置在【.env】配置文件中对应的变量名称为【CHATPRO_DEV_BASE_URL】。
10.3. OSS配置
本文中的OSS用于微信端上传面试者的视频和音频文件。OSS的配置在【neuinterview\js_sdk\x-oss-direct\】路径下的 oss.js 文件中如图所示更改 this.url 指向的内容即可。OSS配置详情见【13. 阿里OSS配置】。 10.4. 运行小程序
在菜单处点击【运行】-【运行到小程序模拟器】-【微信开发者工具】 运行后见到如下提示则表示运行成功。 并会自动打开对应的微信小程序开发者工具见如下界面。
11. Coze机器人配置
本文采用的是AI是字节跳动的Coze。采用了2个AI机器人进行运行。
自我介绍AI生成面试结果AI评分
11.1. 自我介绍AI生成工作流配置
自我介绍AI生成的工作流如下图所示。输入部分为JSON格式的字符串大模型根据相关信息处理后生成自我介绍后输出。 第二个节点用于处理输入的JSON格式的字符串其代码内容如下。
import json
async def main(args: Args) - Output:params args.paramsdata json.loads(params[input])ret: Output {name: data[name],good_character: data[good_character],awards: data[awards],university: data[university],university_motto: data[university_motto],major: data[major],subject: data[subject],goal: data[goal],position: data[position],}return ret11.2. 面试结果AI评分工作流配置
面试结果AI评分的工作流如下图所示。输入部分为JSON格式的字符串大模型根据相关信息处理后生成面试结果后输出。 第二个节点用于处理输入的JSON格式的字符串其代码内容如下。
import json
async def main(args: Args) - Output:params args.paramsdata json.loads(params[input])ret: Output {material: data[material],question: data[question],answer: data[answer],}return ret第五个节点用于处理输出的【评级】满足固定的格式即在A-Z或a-z的范围内其代码内容如下。
import re;
async def main(args: Args) - Output:params args.paramsmatch re.search(r[A-Za-z],params[input])ret: Output {rank: match.group(0) if match else None}return ret11.3. 配置AI机器人
创建AI机器人配置上一步骤配置的【自我介绍生成工作流】并记录对应的浏览器导航栏中的botID此botID用于后续API调用中的参数配置。同理获得面试结果AI机器人的botID。
11.4. 获得个人访问令牌
本文采用的是通过个人访问令牌的方式进行Coze鉴权。获得个人访问令牌流程传送门。此个人访问令牌用于后续API调用中的参数配置。
11.5. 服务器端配置
11.5.1. API密钥配置
进入【AI 大模型】-【控制台】-【API 密钥】编辑【所属平台】为【扣子】的条目填写从步骤【11.4. 获得个人访问令牌】中获得的Coze个人访问令牌。 注 【所属平台】需要选择的是【扣子】【密钥】填写从步骤【11.4. 获得个人访问令牌】中获得的Coze个人访问令牌即可。
11.5.2. 聊天模型配置
进入【AI 大模型】-【控制台】-【聊天模型】分别编辑所属平台为【扣子】且模型名称为【Coze自我介绍生成工作流】、【Coze结构面试评分工作流】的两个聊天模型。 分别配置【Coze自我介绍生成工作流】、【Coze结构面试评分工作流】中的【botID】【botID】从步骤【11.3. 配置AI机器人】中获得。
12. Paraformer语音识别配置
语音识别的作用在于将面试者的语音转换成文字方便后续交予大模型分析处理。本文使用的语音识别模型为阿里的Paraformer语音识别模型。
12.1. 获得阿里灵积服务API Key
阿里灵积服务API-KEY传送门 12.2. 服务器端配置
进入【控制台】-【API 密钥】后编辑【所属平台】为【通义千问】的条目填写步骤【12.1. 获得阿里灵积服务API Key】中获得的API Key即可。
13. 阿里OSS配置
OSS即对象存储服务本文的OSS用于存放面试者的视频记录和音频记录从而方便面试者回看面试的过程。本文根据OSS的访问权限分为了两种OSS。
通过STS临时凭证访问的私有OSS公有OSS
私有的OSS用于存放面试者的视频记录和音频记录这种私有属性的文件。公有的OSS用于存放用户的头像图片等具有公有属性的文件。
13.1. 获得STS密钥OSS
阿里OSS获得STS密钥传送门 13.1.1. 获得访问密钥
完成步骤一后复制并保存访问密钥AccessKey ID和AccessKey Secret方便后续服务器端配置使用。
13.1.2. 获得ARN
完成步骤三后复制并保存角色的ARN方便后续服务器端配置使用。
13.1.3. 为RAM角色授予文件权限
在步骤四中的脚本编辑中授予RAM角色 文件上传 和 访问下载 的权限。可参考如下脚本。脚本中的【uniappchatinfo】为自己建立的bucket的名称。
{Version: 1,Statement: [{Effect: Allow,Action: oss:PutObject,Resource: acs:oss:*:*:uniappchatinfo/*},{Effect: Allow,Action: oss:ListObjects,Resource: acs:oss:*:*:uniappchatinfo/*},{Effect: Allow,Action: oss:GetObject,Resource: acs:oss:*:*:uniappchatinfo/*}]
}13.2. 获得公有密钥OSS
阿里获得公有密钥传送门 13.2.1. 获得访问密钥
完成步骤一后复制并保存访问密钥AccessKey ID和AccessKey Secret方便后续服务器端配置使用。
13.3. 服务器端配置
进入【基础设施】-【文件管理】-【文件配置】后分别编辑如下两个条目。 编辑【配置名】为【阿里STS】且【存储器】为【ALISTS 对象存储】的条目。【存储 bucket】、【accessKey】、【accessSecret】、【roleArn】填写的内容可从【13.1. 获得STS密钥OSS】步骤中获得【节点地址】、【STS节点地址】填写的内容可参考 公共云下OSS Region和Endpoint对照表 获得。
编辑【配置名】为【阿里云OSS】且【存储器】为【S3 对象存储】的条目。【存储 bucket】、【accessKey】、【accessSecret】填写的内容可从【13.2. 获得公有密钥OSS】步骤中获得【节点地址】填写的内容可参考 公共云下OSS Region和Endpoint对照表 获得。
三、操作流程
1. 管理端
1.1. 创建素材非必选
素材作为面试过程中提供给面试者的阅读材料即面试题目的背景信息。现支持以文本展示的素材。进入【面试系统】-【素材管理】后新增即可。 1.2. 创建题册
题册作为面试过程中提供给面试者的面试题目的集合。进入【面试系统】-【题册管理】后新增即可。
1.3. 创建题目
题目作为面试者面试过程中需要回答的具体面试题目的内容。进入【面试系统】-【题册管理】后。选择对应的题册点击对应条目的【数据】即可进入对应题册的题目集合。 进入面试题目管理界面后点击【新增】即可进行新增面试题目。 【排序】为面试时题目出现的顺序【问题】为面试题目对应的问题【答案】为面试题目对应的参考答案【素材关联】为面试题目提供给面试者的背景信息关联的素材为步骤【1. 创建素材】中创建。
2. 小程序端
2.1. 自我介绍生成
进入【首页】后点击【自我介绍】按钮即可进入自我介绍生成界面。 如果未登录会弹出登录的界面如下图所示。可选择的登录方式为 短信登录 和 微信登录短信登录 暂走的测试通道点击发送验证码后填写 9999 即可。微信登录 相关配置已在【部署流程8.5.2. 微信授权登录密钥】完成。
选择微信授权后进行头像和昵称的同步即可。 进入【自我介绍】界面后填写相关信息然后点击【生成自我介绍】按钮则会将基础信息提交给大模型从而生成自我介绍。 生成完自我介绍后再次从【首页】点击进入【自我介绍】界面时就会显示Coze大模型生成的内容。这个生成的内容可以进行编辑并保存或可以进行重新生成。 2.2. AI面试
进入【首页】后点击【开始面试】即可进入【面试题册】的列表界面选择需要进行的【面试题册】即可开始对应的面试。 进入面试界面点击【开始回答】即可进入视频录制和音频录制。 开始回答后点击【结束回答】则会将录制的视频和音频文件上传到阿里OSS云上。 所有问题回答结束后可进入【我的】界面从【面试记录】处进入并查看所有的历史面试记录。 根据面试题册的进度未完成的面试题册可继续进行面试已完成的面试题册可查看详情。 进入已完成的面试题册即可看到面试结果的详细情况。 在结果页面点击对应面试题目的【查看详情】即可进入此面试题目的结果详情展示包含音视频的回放问答情况和AI评分情况。
四、docker部署流程
1. 后端打包
1.1. 修改配置
后端 dev 开发环境对应的 application-dev.yaml 配置文件主要是修改 MySQL 和 Redis 的地址关闭演示模式、微信授权信息配置见下图所示。
1.2. 编译后端
在项目的根目录下执行 mvn clean package -Dmaven.test.skiptrue 命令编译后端项目构建出它的 Jar 包如下图所示。
1.3. 上传 Jar 包
在 Linux 服务器上创建 /work/projects/yudao-server 目录使用 scp 命令或者 FTP 工具将 yudao-server.jar 上传到该目录下如下图所示。
1.4. 构建镜像
将 yudao-server 目录下的 Dockerfile 文件上传到 /work/projects/yudao-server 目录下用于制作后端项目的 Docker 镜像。Dockerfile 内容如下。
## AdoptOpenJDK 停止发布 OpenJDK 二进制而 Eclipse Temurin 是它的延伸提供更好的稳定性
## 感谢复旦核博士的建议灰子哥牛皮
FROM eclipse-temurin:21-jre## 创建目录并使用它作为工作目录
RUN mkdir -p /yudao-server
WORKDIR /yudao-server
## 将后端项目的 Jar 文件复制到镜像中
COPY yudao-server.jar app.jar## 设置 TZ 时区
ENV TZAsia/Shanghai
## 设置 JAVA_OPTS 环境变量可通过 docker run -e JAVA_OPTS 进行覆盖
ENV JAVA_OPTS-Xms512m -Xmx512m -Djava.security.egdfile:/dev/./urandom## 应用参数
ENV ARGS## 暴露后端项目的 48080 端口
EXPOSE 48080## 启动后端项目
CMD java ${JAVA_OPTS} -jar app.jar $ARGS执行如下命令构建名字为 yudao-server 的 Docker 镜像。
cd /work/projects/yudao-server
docker build -t yudao-server .如果出现 eclipse-temurin:21-jre 下载不下来的异常情况可参考 从零开始之Dify二次开发篇 中的 【将dify组件镜像转移到阿里云可选】部分 或 【Docker镜像库失效应对策略】教你两种方式快速下载镜像 。
1.5. 编写docker服务启动脚本
在 /work/projects/yudao-server 目录下新建 shell 脚本 deploy.sh 使用 Docker 启动后端项目。编写内容如下。
#!/bin/bash
set -e## 第一步删除可能启动的老 yudao-server 容器
echo 开始删除 yudao-server 容器
docker stop yudao-server || true
docker rm yudao-server || true
echo 完成删除 yudao-server 容器## 第二步启动新的 yudao-server 容器 \
echo 开始启动 yudao-server 容器
docker run -d \
--name yudao-server \
-p 48080:48080 \
-e SPRING_PROFILES_ACTIVEdev \
-v /work/projects/yudao-server:/root/logs/ \
yudao-server
echo 正在启动 yudao-server 容器中需要等待 60 秒左右应用日志文件挂载到服务器的 /work/projects/yudao-server 目录下通过SPRING_PROFILES_ACTIVE 设置为 dev 开发环境。
1.6. 启动后端
执行 sh deploy.sh 命令使用 Docker 启动后端项目。通过执行 docker logs yudao-server --tail100 -f 命令查看服务的启动情况。当出现如下内容时则表示启动成功。
2. 前端打包
2.1. 修改配置
前端 dev 开发环境对应的是 .env.dev 配置文件主要是修改 VUE_APP_BASE_API 为后端项目的访问地址。
2.2. 编译前端
在项目根目录下执行 npm run build:dev 命令编译前端项目构建出它的 dist 文件。 如果想要打包其他的环境可使用如下命令。
npm run build:prod ## 打包 prod 生产环境
npm run build:stage ## 打包 stage 预发布环境其它高级参数说明【可暂时不看】 ① PUBLIC_PATH静态资源地址可用于七牛等 CDN 服务回源读取前端的静态文件提升访问速度建议 prod 生产环境使用。 ② VUE_APP_APP_NAME二级部署路径默认为 / 根目录一般不用修改。 ③ mode前端路由的模式默认采用 history 路由一般不用修改。可以通过修改 router/index.js 来设置为 hash 路由示例如下
2.3. 安装 Nginx
Nginx 挂载到服务器的目录
/work/nginx/conf.d 用于存放配置文件/work/nginx/html 用于存放网页文件/work/nginx/logs 用于存放日志/work/nginx/cert 用于存放 HTTPS 证书
创建 /work/nginx 目录并在该目录下新建 nginx.conf 文件避免稍后安装 Nginx 报错内容如下。
user nginx;
worker_processes 1;events {worker_connections 1024;
}error_log /var/log/nginx/error.log warn;
pid /var/run/nginx.pid;http {include /etc/nginx/mime.types;default_type application/octet-stream;sendfile on;keepalive_timeout 65;log_format main $remote_addr - $remote_user [$time_local] $request $status $body_bytes_sent $http_referer $http_user_agent $http_x_forwarded_for;
# access_log /var/log/nginx/access.log main;gzip on;gzip_min_length 1k; # 设置允许压缩的页面最小字节数gzip_buffers 4 16k; # 用来存储 gzip 的压缩结果gzip_http_version 1.1; # 识别 HTTP 协议版本gzip_comp_level 2; # 设置 gzip 的压缩比 1-9。1 压缩比最小但最快而 9 相反gzip_types text/plain application/x-javascript text/css application/xml application/javascript; # 指定压缩类型gzip_proxied any; # 无论后端服务器的 headers 头返回什么信息都无条件启用压缩include /etc/nginx/conf.d/*.conf; ## 加载该目录下的其它 Nginx 配置文件
}拉取 Nginx 镜像执行如下命令即可。
docker pull nginx:latest下载不下来可参考 从零开始之Dify二次开发篇 中的 【将dify组件镜像转移到阿里云可选】部分 或 【Docker镜像库失效应对策略】教你两种方式快速下载镜像 。
镜像拉取下来后执行如下命令即可启动 Nginx。
docker run -d \
--name nginx --restart always \
-p 80:80 -p 443:443 \
-e TZAsia/Shanghai \
-v /work/nginx/nginx.conf:/etc/nginx/nginx.conf \
-v /work/nginx/conf.d:/etc/nginx/conf.d \
-v /work/nginx/logs:/var/log/nginx \
-v /work/nginx/cert:/etc/nginx/cert \
-v /work/nginx/html:/usr/share/nginx/html \
nginx:latest执行 docker ps 命令查看到 Nginx 容器状态为 up 即可。
2.4. 配置 Nginx
在 /work/nginx/conf.d 目录下创建 ruoyi-vue-pro.conf 内容如下。
server {listen 80;server_name 192.168.30.131; ## 重要修改成你的外网 IP/域名location / { ## 前端项目root /usr/share/nginx/html/yudao-admin-ui;index index.html index.htm;try_files $uri $uri/ /index.html;}location /admin-api/ { ## 后端项目 - 管理后台proxy_pass http://192.168.30.131:48080/admin-api/; ## 重要proxy_pass 需要设置为后端项目所在服务器的 IPproxy_set_header Host $http_host;proxy_set_header X-Real-IP $remote_addr;proxy_set_header REMOTE-HOST $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;}location /app-api/ { ## 后端项目 - 用户 Appproxy_pass http://192.168.30.131:48080/app-api/; ## 重要proxy_pass 需要设置为后端项目所在服务器的 IPproxy_set_header Host $http_host;proxy_set_header X-Real-IP $remote_addr;proxy_set_header REMOTE-HOST $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;}location /infra/ws/ { ## websocket接口proxy_pass http://192.168.30.131:48080/infra/ws/;proxy_http_version 1.1;proxy_set_header Upgrade $http_upgrade;proxy_set_header Connection Upgrade;}
}执行 docker exec nginx nginx -s reload 命令重新记载 Nginx 配置。 注如果担心 Nginx 配置不正确可以先执行 docker exec nginx nginx -t 命令。 2.5. 上传 dist 文件
使用 scp 命令或者 FTP 工具将 dist 上传到 /work/nginx/html 目录下。并将其更改为 yudao-admin-ui
2.6. 检验连通性
执行 curl http://192.168.30.131:48080/admin-api/ 命令成功访问后端项目的内网地址返回结果如下所示即可。
{code:401,data:null,msg:账号未登录}五、技术框架图 六、数据结构图 七、参考
芋道源码ruoyi-vue-pro芋道源码商城yudao-mall-uniappchatgpt微信小程序智能AI聊天免费开源-后台管理页面
