(一)学习、实践、理解 CICD 与 DevOps

在计算机领域有很多概念比较抽象或难以理解,比如敏捷开发、领域驱动模型。

运维领域 CICD DevOps 有一个粗浅的理解,但总觉得不能理解全貌。因此,从我的开发实践经验来思考与探索,希望与大家一起交流。

服务部署实践

使用 Vite 开发 Vue3 项目,并部署到服务器上,以发布到互联网上。

阶段一:服务能 Run

新手开发起步:

  1. 在个人电脑上使用 IDE 如 VsCode、WebStorm 开发、调试。
  2. 本地开发环境,查看开发效果 npm run dev
  3. 把项目源代码使用 scp 工具远程复制到云服务器上(具备公网 IP)
  4. 安装依赖 npm install
  5. 以后台方式运行 nohup npm run dev &

此方法使用 nodejs 作为服务器,支持热启动,用于开发环境,直接作为生产环境的 Web 服务器效率较低。

阶段二:Nginx 静态资源代理静态

纯前端项目使用 Nginx 部署是最佳实践。

  1. 在个人电脑上使用 IDE 如 VsCode、WebStorm 开发、调试。
  2. 本地开发环境,查看开发效果 npm run dev
  3. 项目构建 npm build,生成分发包 dist
  4. dist 包使用 scp 工具 复制到云服务器上(具备公网 IP)
  5. 使用 Nginx 对 dist 包做静态资源代理,并启动 Nginx 服务

阶段三:版本管理与代码托管

为了实现代码版本管理、多人协作、代码共享的问题,引入了 Git 工具和托管平台 GitHub 或 Gitee。

  1. 在个人电脑上使用 IDE 如 VsCode、WebStorm 开发、调试。
  2. 本地开发环境,查看开发效果 npm run dev
  3. 在 git 仓库中提交变更,并推送到 GitHub
  4. 登录云服务器,使用 git clone 克隆仓库、使用 git pull 获取最新提交。
  5. 安装依赖 npm install
  6. 项目构建 npm build,生成分发包 dist
  7. 使用 Nginx 对 dist 包做静态资源代理,并启动 Nginx 服务

总结

作为一名起步的开发者,阶段三实现了最小可行、且完全手动的交付闭环,绝大多数中小团队止步于此。

下一篇文章,引入 Docker 实现服务容器化,一次构建,到处运行,有效解决服务可移植性问题。

关注微信公众号,获取运维资讯

如果此篇文章对你有所帮助,感谢你的点赞收藏,也欢迎在评论区友好交流。

微信搜索关注公众号:持续运维

相关推荐
TG_yunshuguoji3 分钟前
亚马逊云渠道商:如何通过配置自动替换构建故障自愈的云架构?
运维·服务器·架构·云计算·aws
2301_772093561 小时前
高并发webserver_interview
运维·服务器·数据库·后端·网络协议·mysql·wireshark
haimin03711 小时前
ubuntu 20.04 安装xrdp远程桌面访问
linux·运维·ubuntu
乌托邦的逃亡者2 小时前
Linux系统中配置history命令显示时间、IP、账号和操作命令
linux·运维·安全
Archy_Wang_12 小时前
Elasticsearch8.4.1升级Elasticsearch9.1.5
运维·elasticsearch·jenkins
集智飞行2 小时前
docker login方法
运维·docker·容器
运维行者_4 小时前
AWS云服务故障复盘——从故障中汲取的 IT 运维经验
大数据·linux·运维·服务器·人工智能·云计算·aws
不开心就吐槽4 小时前
docker-compose方式快速安装MySQL
运维·docker·容器
青靴4 小时前
关于NGINX,你了解多少?
运维·nginx
运维行者_5 小时前
DDI 与 OpManager 集成对企业 IT 架构的全维度优化
运维·网络·数据库·华为·架构·1024程序员节·snmp监控