Skip to content

Commit a73310f

Browse files
committed
Merge remote-tracking branch 'origin/master'
2 parents f17da65 + 88ef7df commit a73310f

File tree

1 file changed

+0
-130
lines changed

1 file changed

+0
-130
lines changed

docs/md/project/chatgpt/dev-ops/第6节:前后端构建镜像部署.md

Lines changed: 0 additions & 130 deletions
Original file line numberDiff line numberDiff line change
@@ -29,133 +29,3 @@ pay: https://t.zsxq.com/11biMQ6NH
2929
</div>
3030

3131
- 镜像打包的时候,如果有 Mac M1 ARM 架构的,需要注意兼容问题。
32-
33-
## 三、前端镜像
34-
35-
**Dockerfile**
36-
37-
```java
38-
# 使用 Node.js 16 Alpine 作为基础镜像
39-
FROM node:16-alpine as build
40-
41-
ENV NEXT_PUBLIC_API_HOST_URL=""
42-
43-
# 设置工作目录
44-
WORKDIR /app
45-
46-
# 复制 package.json 和 package-lock.json 到容器中
47-
COPY package*.json ./
48-
49-
# 安装依赖
50-
RUN npm install
51-
52-
# 将应用程序代码复制到容器中
53-
COPY . .
54-
55-
# 构建 TypeScript 代码
56-
RUN npm run build
57-
58-
# 使用多阶段构建
59-
FROM node:16-alpine
60-
61-
WORKDIR /app
62-
63-
# 从构建阶段复制构建的产物
64-
COPY --from=build /app ./
65-
66-
# 暴露 3001 端口
67-
EXPOSE 3001
68-
69-
# 启动应用程序
70-
CMD ["npm", "start"]
71-
```
72-
73-
<div align="center">
74-
<img src="https://bugstack.cn/images/article/project/chatgpt/chatgpt-dev-ops-06-02.png" width="550px"/>
75-
</div>
76-
77-
- 进入 chatgpt-web 工程中,打开 build.sh 点击绿色开始箭头。记得构建前,需要前在本地安装 Docker 并打开。
78-
79-
## 四、后端镜像
80-
81-
**Dockerfile**
82-
83-
```java
84-
# 基础镜像
85-
FROM openjdk:8-jre-slim
86-
# 作者
87-
MAINTAINER xiaofuge
88-
# 配置
89-
ENV PARAMS=""
90-
# 时区
91-
ENV TZ=PRC
92-
RUN ln -snf /usr/share/zoneinfo/$TZ /etc/localtime && echo $TZ > /etc/timezone
93-
94-
# 添加应用
95-
ADD target/chatgpt-data-app.jar /chatgpt-data-app.jar
96-
97-
## 在镜像运行为容器后执行的命令
98-
ENTRYPOINT ["sh","-c","java -jar $JAVA_OPTS /chatgpt-data-app.jar $PARAMS"]
99-
```
100-
101-
<div align="center">
102-
<img src="https://bugstack.cn/images/article/project/chatgpt/chatgpt-dev-ops-06-03.png" width="750px"/>
103-
</div>
104-
105-
- 构建前,需要在工程下执行 install 操作,打包出本地工程 Jar 之后就可以通过 build.sh 构建镜像了。
106-
107-
## 五、推送镜像
108-
109-
<div align="center">
110-
<img src="https://bugstack.cn/images/article/project/chatgpt/chatgpt-dev-ops-06-04.png" width="850px"/>
111-
</div>
112-
113-
- 如果你有部署云服务器的诉求,那么可以通过 Docker 把你的镜像 Push 到 [https://hub.docker.com/](https://hub.docker.com/)
114-
115-
## 六、服务部署
116-
117-
<div align="center">
118-
<img src="https://bugstack.cn/images/article/project/chatgpt/chatgpt-dev-ops-06-05.png" width="850px"/>
119-
</div>
120-
121-
<div align="center">
122-
<img src="https://bugstack.cn/images/article/project/chatgpt/chatgpt-dev-ops-06-06.png" width="850px"/>
123-
</div>
124-
125-
- 在 chatgpt-data 工程下有一个 `docker-compose.yml` 进入后点击 services 就可以部署了。
126-
127-
## 七、接公众号
128-
129-
<div align="center">
130-
<img src="https://bugstack.cn/images/article/project/chatgpt/chatgpt-dev-ops-06-07.png" width="850px"/>
131-
</div>
132-
133-
- 服务启动成功后,就可以对接公众号了。对接主要是因为需要从公众号获取验证码之后登录授权。
134-
135-
## 八、测试服务
136-
137-
<div align="center">
138-
<img src="https://bugstack.cn/images/article/project/chatgpt/chatgpt-dev-ops-06-09.png" width="850px"/>
139-
</div>
140-
141-
<div align="center">
142-
<img src="https://bugstack.cn/images/article/project/chatgpt/chatgpt-dev-ops-06-08.png" width="850px"/>
143-
</div>
144-
145-
<div align="center">
146-
<img src="https://bugstack.cn/images/article/project/chatgpt/chatgpt-dev-ops-06-10.png" width="850px"/>
147-
</div>
148-
149-
对接后就可以使用;
150-
1. 关注公众号,回复【403】获取一个验证码
151-
2. 验证码登录
152-
3. 开始对话
153-
154-
---
155-
156-
好啦,到这,我们整个服务就全部对接完成了。希望你也能如此的折腾折腾,只有亲力亲为的干一下,才能收获技术。
157-
158-
## 久、读者作业
159-
160-
- 简单作业:完成镜像打包和本地部署,同时建议购买云服务器部署验证。这样你会遇到更多的问题和检索解决问题的方案。等到面试的时候,就会有非常多的内容可以讲了。
161-
- 难度作业:ChatGPT-WEB 打包的镜像有点大,需要优化。可以挑战下。

0 commit comments

Comments
 (0)