nodejs前端项目的CI/CD实现(四)前端项目的CD持续部署

一、说在前面的话

相信经过前面的几篇文章,你已了解如何构建并部署一个前端项目。

本文将以一个示例,给你一个直观的部署过程。

二、准备工作

由于我们使用的rsync工具,选择的是ssh部署方式,所以需要你把jenkins容器的公钥添加到目标机的授信列表。

没有授权,执行rsync时会报错:

Host key verification failed.
rsync: connection unexpectedly closed (0 bytes received so far) [sender]
rsync error: unexplained error (code 255) at io.c(228) [sender=3.2.3]
Build step 'Execute shell' marked build as failure
ssh-keygen -t rsa

# 一直输入回车键即可,最后生成在目录~/.ssh

cat ~/.ssh/id_rsa.pub

在目标机上,添加jenkins容器的公钥:

vi  ~/.ssh/authorized_keys

三、rsync工具

rsync有两种常用的认证方式,一种是rsync-daemon方式,另一种是ssh方式。
我们使用的是ssh方式来认证,上文的准备工作就是这样。

这里也不打算详细讲解工具怎么使用,参数该如何传值等等。

这里就一笔带过了。。

四、jenkins job

在这里插入图片描述

npm config set registry http://192.168.50.68:8081/repository/npm-xx-public/

npm config set cache /var/jenkins_home/yarn-cache

npm install --force

npm run build --verbose

rsync -av --delete ./dist/ root@192.168.50.15:/axxhcnk/xxweb/jds-jsr-web

目标机,发送完成:

在这里插入图片描述

五、总结

前端项目的打包部署就讲到这里了,编译到dist目录,然后发送到目标机。

不同的语言或项目,差别最大的就是编译了。

本系列文章,其实重点也是在CI上,CD比较简单。

其实还有重要的IM模块未涉及,后面有空再写。

另外,为什么会有本系列文章,也是因交接工作太简单,文档只有机器的密码。。

希望大家多写一些文档,少挖坑。(最近比较流行防御性编程,通过本系列文章,你可以看到运维也有防御性运维)

  • 10
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Node.js是一个基于Chrome V8引擎的JavaScript运行环境,可用于构建高性能的网络应用程序。Node.js前端项目源码主要是指使用Node.js作为后端服务器,配合前端技术(如HTML、CSS、JavaScript)构建的项目源代码。 Node.js前端项目源码通常包括以下几个方面: 1. 后端逻辑:Node.js可以用于编写后端逻辑,处理客户端请求、与数据库交互、进行业务逻辑处理等。在项目源码中会包含后端逻辑的代码,如路由定义、数据处理、用户认证等。 2. 前端资源管理:Node.js也可以用作静态资源服务器,托管前端静态资源(如HTML、CSS、JavaScript文件)。前端项目源码中会包含前端资源的配置和管理,如页面模板的引入、静态资源的打包压缩等。 3. 数据库交互:很多Node.js前端项目会涉及数据库的操作,比如MySQL、MongoDB等。在项目源码中会包含数据库连接、数据查询、数据修改等相关代码。 4. 异步处理:Node.js以事件驱动的方式进行处理,对于异步操作的处理方式会在项目源码中有所体现,如回调函数、Promise、async/await等。 5. 接口定义:Node.js前端项目通常会定义接口供前端调用,项目源码中会包含接口定义和实现部分。 总的来说,Node.js前端项目源码是一种综合利用Node.js后端能力和前端技术进行项目开发的代码,它涵盖了项目的整体架构、后端逻辑、前端资源管理、数据库交互和接口定义等方面的内容。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

天草二十六_简村人

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值