首页 >> 大全

前端实现gitlab runner 自动化部署项目

2023-12-15 大全 21 作者:考证青年

前言:

文章偏向于个人记录,并没有太多记录 的一些运行原理,并且尝试阶段使用的是的电脑来作为 的打包终端

安装

这里我使用的是的系统,也是因为用于尝试,所以就直接安装在本机了, 下载链接,选择对应的系统,我这里选择的是,官方下载需要科学上网

下载完成之后,使用管理员运行cmd命令行,然后到刚刚下载的位置中,使用 进行安装,然后start启动,看到下面这样的提示就证明启动成功了

注册 在的项目中打开 –CI/CD – 找到下图的内容

前端git_部署前端代码_

2. 在安装好的-上进行注册

执行命令 填写上面再项目中对应的url跟token注意tags的值很重要,要认真填写, 执行者我们选择shell

3. 回到的项目中,–CI/CD–的位置上,看到下面的就算完全注册成功了

如果安装注册完成之后,显示的不是绿点,而是灰色的感叹号,可以使用 - 命令进行激活

编写自动化发布脚本

前端git__部署前端代码

在项目中新建.-ci.yml的文件,然后进行编写,由于我这里部署到服务器的工具是,所以发布时候的脚本是根本工具的命令行进行编写的

```
stages: # 分段- install- build- deploycache: # 缓存paths:- node_modules- dist  # 这个缓存要加上,因为每个job在开始的时候,会把上个job新增的内存删掉,不加上的话,发布的时候,打包出来的dist文件夹在发布阶段就被删除掉了install-job:only:refs:- mastertags:- teststage: installscript:- npm installbuild-job:tags:- teststage: buildscript:- npm run builddeploy-job:only:refs:- mastertags:- teststage: deployscript:- WinSCP.exe /console /command "option batch continue" "option confirm off" "open ftp://用户名:密码@IP地址跟端口" "option transfer binary" "rm *" "synchronize remote ./dist/" "exit"

代码提交,自动部署

代码提交之后,会检测到有自动化发布的文件,就会去执行,这个时候在的CI/CD中能看到

这样就算全部部署成功了,之后每次提交都会自动打包部署,需要了解更加清晰跟全面的小伙伴,可以去看这个文章,写的很详细参考文章 报错记录

(#L8) ERROR: Job ( ): : to start : exec: “pwsh”: file not found in %PATH%. Check #shell-- for more

这是因为运行脚本的不正确,需要把指定一下,打开我们安装 的文件夹,有一个.toml的文件,打开之后吧shell的位置修改为

关于我们

最火推荐

小编推荐

联系我们


版权声明:本站内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 88@qq.com 举报,一经查实,本站将立刻删除。备案号:桂ICP备2021009421号
Powered By Z-BlogPHP.
复制成功
微信号:
我知道了