@@ -29,133 +29,3 @@ pay: https://t.zsxq.com/11biMQ6NH
29
29
</div >
30
30
31
31
- 镜像打包的时候,如果有 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