基于docker使用jenkins实现自动化部署前端代码 window系统-下

项目创建

1. 输入自定义项目名称，然后选择freeStyle poject 点击确定

此时会跳转到项目配置界面

2. git配置
首先进行项目的git配置，输入自己的项目地址，以及选择Credentials信息，这个为**上篇**中配置的登录代码仓库的git账号密码，并且输入代码所在的分支，我的项目为main分支。

3. Node环境选择
然后进行Node环境的选择，这个在上篇中也进行了相关的配置，下拉框中直接选择即可。
基础配置完成之后，点击保存，查看代码是否可以拉取下来。
点击build Now，等待一段时间之后，

在构建历史中可以查看代码是否成功拉取。

点击左侧的绿色图标可以查看运行的控制台信息，可以看到 最后的状态是success，表明拉取成功。

4. 打包构建
代码拉取成功之后就是依赖包下载和代码打包部分了，回到项目配置中，找到build step选项，由于使用的是window系统，则选择 Execute Window Batch command 选项（linux系统才是使用shell）。输入配置命令

npm install  & npm run build & cd dist & tar -cf dist.gz ./dist * & cd .. & echo '打包完毕'

注意：命令之间 要使用 & 连接，不然只会执行第一条命令；
在项目打包完成之后，对dist文件进行压缩操作，方便后续通过ssh将代码往docker的传输操作。即上面的 tar -cf dist.gz ./dist命令。

5. ssh相关配置操作
代码打包和压缩之后需要将其往docker服务器上传输，选择Send build artifacts over SSH，选择自己的ssh server Name，在上篇中已经进行了相关的配置。

参数解读：
Source files：为要传输的打包文件的位置，使用绝对路径；
Remove prefix：去除传输的前缀地址，只保留传输文件；
remote Directory:文件存在位置
Exec command：为文件传输成功之后，需要对服务器进行的操作，（也就是文件解压命令），cd /home/dist 是因为上篇中配置的访问docker服务器的默认根目录为home目录，上面remote directory将文件存放到了根目录下面的dist文件夹中，，点击保存按钮，再次对项目进行build操作。

ssh这一块的配置可以参考这个大佬的文章（里面是linux系统的配置） https://blog.csdn.net/u010053703/article/details/119969123

最后在控制台中查看输出信息，可以看到文件已经传输成功

接下来，我们在docker中查看文件是否已经存在。可以看到文件已经传输了过来，并且成功解压。