你知道,前端工程部署有哪些方式嘛?(建议收藏)
作者:Herrylo
我将其分为四个阶段:手动部署、命令工具部署、docker镜像部署、平台化部署。
这几个阶段,越往后越复杂,越往后越友好,毕竟平台化部署有备份还可回退,那是相当安全的。
将dist下的文件使用 FTP文件传输工具 ,上传到服务器上去,就可以直接访问最新文件了。
前提:服务器上已有web服务器,类似nginx服务、Apache服务,服务代理已经启动。
命令工具部署其实和 手动部署是一样,只是简化而已。
命令工具部署就是将本地build构建 和 FTP文件上传,直接通过程序来实现。例如我们通过gitlab的CI/CD工具 或 github action上传前端文件。
gitlab CI/CD或github action通过监听master分支push操作,进行运行你的配置命令,下面我以github action配置作为例子:
具体细节可以参考下面的文章↓
HerryLo:真香!GitHub Action一键部署前提:服务器上已有web服务器,类似nginx服务、Apache服务,服务代理已经启动。
docker部署是平台化部署的基础,算是命令工具部署,如果说便捷程度,其实命令工具部署 和 docker部署 差不多,但是它有个好处:docker镜像可备份;
打包构建之后,就可以通过docker构架镜像啦,下面是docker镜像的Dockerfile文件和配置:
nginx配置文件:
之后 通过 、 将镜像打包并推到远端仓库(一般是自己公司项目的私库),然后在服务器上拉取更新最新的镜像,然后将最新的镜像启动即可。
提示:docker 镜像一般会直接把nginx服务打包在一起,所以不用再在服务器上开启单独的服务,只需要将docker端口开放即可。当然,如果是为了统一管理端口,也是可以通过专门的代理服务管理。
具体细节可以参考下面的文章↓
HerryLo:Docker构建前端项目平台化部署其实就是全流程: 命令工具部署 + docker镜像的组合版。
只需要将代码push提交,之后通过网页访问构建打包平台,例如:阿里云效流水线 或 jekins打包构建 等平台,可以通过点击按钮,下一步下一步的方式,完成打包构建,镜像上传。
至于更新,我是使用rancher平台来进行,服务的管理或更新,镜像上传完之后,可以在rancher平台配置好相关的负载服务,剩下就只是点击更新按钮就可以。
下面是以 阿里codeup流水线 + rancher作为流程示例:
提示:阿里codeup流水线 或 jekins打包构建 就类似于docker镜像打包,rancher部署就类似于我们将最新镜像上传到服务器上,然后开启服务。(rancher部署可能更加复杂,因为还涉及到k8s集群知识)
具体细节可以参考下面的文章↓
HerryLo:知识扩展-Rancher前端服务发布前端应用部署变化到现在的阶段,也是项目众多不便于管理导致,实际的业务情况,进而推动部署方式的发展。
前端部署的流程每个公司都有一套自己的流程,学习它,适应它,就好了,没有太多疑难问题。
使用工具没有什么难度,难度可能就是你用的不太熟。
最近更新教育活动
- “创新创业+”教育新模式 让这所高职院校交出亮眼成绩单
- 田浩江×毛尖|《角斗场的<图兰朵>》:重新发现汉语呼吸系统
- 冠军诞生!
- 悬疑小说在网文平台走红背后《十日终焉》作者:我的写作是一场与读者的博弈
- 解读广州前三季度“成绩单”:新动能持续发力 发展质效稳步提升
- 辽宁科技大学机械工程自动化学院:推进产教融合 助力科技成果转化
- 全国现当代文学青年学者汇聚上海大学,深度讨论人文学术
- 揽胜运动:成都挑战者的聚集地
- 探索“有趣高效”课堂!郑州24中第十四届常规教学质量月活动启动
- 拼搏路上洒下如花歌吟
- 山东人社出台三年行动方案,完善工资收入分配有这些大招
- 近300件百年意大利展品在渝开展 展示欧洲艺术设计传承和发展
- 儿童友好|“竹够精彩”
- 报考托福有什么要求
- 高等教育高质量发展|遵义职院:提升办学质量 培养高素质职教人才
- 网售处方药监管趋严
- 玉米播种机“水土不服” 四川岳池破解乡村人才匮乏 引来的博士科研团队小试牛刀
- 2023秋季仲景健康节缤纷活动花式养生,中医药文化蓬勃绽放
- 原创中冠广州影豹2-1击败上海同济,将与彬州辉龙争夺一个冲乙名额
- 托福独立作文没写完
- 高考报名明日启动,这些重要事项须明晰!
- 让老年人都有幸福美满的晚年
- 创意展活力 数字赋新生
- 西南交大、石室中学与郫都区三方携手 西南交大实验小学揭牌启用
- 江门摩托车又回来了