【宋词】《伴云来・天香》 贺铸：烟络横林，山沈远照，逦迤黄昏钟鼓。烛映帘栊，蛩催机杼，共苦清秋风露。不眠思妇，齐应和、几声砧杵。惊动天涯倦宦，岁华行暮。

永夜

没有不值得去解决的问题，也没有不值得去学习的技术！

两个项目，前后端合并至一个镜像、一个容器，以端口进行区分的实现流程

查看容器中的目录结构，前端与接口皆存在。且分别可以正常访问。符合预期。

作者：

永夜

在

, , , , , , , , , , , , ,
Post Views: 133
1、两个项目，前后端，两个镜像，两个容器。如图1
两个项目，前后端，两个镜像，两个容器。
图1
2、前端构建目录结构。如图2
前端构建目录结构
图2
3、接口构建目录结构。如图3
接口构建目录结构
图3
4、前端构建的相关配置。如图4
前端构建的相关配置
图4
5、接口构建的相关配置。如图5
接口构建的相关配置
图5
6、调整前端的构建目录结构。将 build 重合名为 dist。将 build_docker 重合名为 build。将 build_docker/c_files/config/init/config0.sh 重命名为 build/c_files/config/init/config_front0.sh。删除 Dockerfile。如图6
调整前端的构建目录结构。将 build 重合名为 dist。将 build_docker 重合名为 build。将 build_docker/c_files/config/init/config0.sh 重命名为 build/c_files/config/init/config_front0.sh。删除 Dockerfile。
图6
7、调整接口的构建目录中的 Dockerfile。如图7
调整接口的构建目录中的 Dockerfile。
图7
8、在 Jenkins 的配置中，Source Code Management – Multiple SCMs 。添加 2 个 Git 仓库。分别为接口与前端。如图8
在 Jenkins 的配置中，Source Code Management - Multiple SCMs 。添加 2 个 Git 仓库。分别为接口与前端。
图8
9、在 Jenkins 的配置中，Build – Docker Build and Publish 。Tag：pcsfront_dev_65e60624dcbc98445056a602d27c2552e58532df_pcsapi_dev_$GIT_COMMIT。前端的提交 ID，需要每一次手动更改。接口的提交 ID，可以自动读取。如图9
在 Jenkins 的配置中，Build - Docker Build and Publish 。Tag：pcsfront_dev_65e60624dcbc98445056a602d27c2552e58532df_pcsapi_dev_$GIT_COMMIT。前端的提交 ID，需要每一次手动更改。接口的提交 ID，可以自动读取。
图9
10、查看容器中的目录结构，前端与接口皆存在。且分别可以正常访问。符合预期。如图10
查看容器中的目录结构，前端与接口皆存在。且分别可以正常访问。符合预期。
图10
 


[root@api-5db464c777-fp9gk /]# cd /etc/nginx/conf.d/
[root@api-5db464c777-fp9gk conf.d]# ls -l
total 8
-rwxrwxr-x 1 root root 1109 Feb 23 15:33 pcs_api.conf
-rwxrwxr-x 1 root root  928 Feb 23 15:33 pcs_front.conf
[root@api-5db464c777-fp9gk conf.d]# cd /mcloud/www/
[root@api-5db464c777-fp9gk www]# ls -l
total 16
drwxrwxr-x 1 nginx nginx 4096 Feb 23 15:33 pcs_api
drwxrwxr-x 1 nginx nginx 4096 Feb 23 15:11 pcs_front
[root@api-5db464c777-fp9gk www]# curl http://api.pcs:82/api.txt
api
[root@api-5db464c777-fp9gk www]# curl http://api.pcs/front.txt
front
[root@api-5db464c777-fp9gk www]# curl http://pcsapi.dev.chinamcloud.cn/api.txt
api
[root@api-5db464c777-fp9gk www]# curl http://pcsfront.dev.chinamcloud.cn/front.txt
front
[root@api-5db464c777-fp9gk www]#

需要长期技术维护或远程问题排查？

我是拥有 15+ 年经验的 PHP / Go 后端工程师，长期关注已有系统维护、Bug 修复、性能优化、服务器排查、WordPress 网站维护和小功能迭代。

如果你的项目遇到以下情况，可以先从一次小问题排查开始合作：

  • ✅ PHP / Laravel / Yii2 老项目无人维护
  • ✅ Go / Gin 后端接口需要排查或优化
  • ✅ WordPress 网站访问慢、报错或插件冲突
  • ✅ Nginx / MySQL / Redis / Linux 服务器异常
  • ✅ CDN / Cloudflare / DNS / HTTPS 配置问题
  • ✅ 需要长期远程技术支持或兼职维护

更多介绍请查看：关于我 & 合作

微信：13980074657
邮箱：shuijingwanwq@gmail.com
Telegram：@shuijingwan
GitHub：https://github.com/shuijingwan

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理。

更多文章