Jenkins集成码云自动部署Vue项目

迷南。 2022-11-05 11:00 216阅读 0赞

### 前言： ###

安装并配置Jenkins：[https://blog.csdn.net/qq\_37618797/article/details/114378931][https_blog.csdn.net_qq_37618797_article_details_114378931]

### 一、安装码云Gitee工具 ###

> Manage Jenkins   -》 Manage Plugins -》 可选插件 -》 搜索Gitee -》 安装

### 二、配置Gitee ###

> jenkins --> 系统管理 --> 系统设置 ，找到`Gitee 配置`选项

*  链接名:随便输入
 *  Gitee 域名 URL：[https://gitee.com][https_gitee.com]
 *  证书令牌：点击 添加 \-》jenkins

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NjE4Nzk3_size_16_color_FFFFFF_t_70][]

*  测试连接

### 三、安装Nginx ###

> sudo yum install nginx
> 
> sudo systemctl enable nginx
> 
> sudo systemctl start nginx

### 四、新建任务以及配置 ###

1.新建一个任务，选择freestyle project

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NjE4Nzk3_size_16_color_FFFFFF_t_70 1][]

2.General

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NjE4Nzk3_size_16_color_FFFFFF_t_70 2][]

3.源码管理

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NjE4Nzk3_size_16_color_FFFFFF_t_70 3][]

4.构建触发器

4.1、配置触发器

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NjE4Nzk3_size_16_color_FFFFFF_t_70 4][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NjE4Nzk3_size_16_color_FFFFFF_t_70 5][]

4.2、配置Gitee WebHook

进入Gitee仓库 -》管理  -》WebHook - 》添加

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NjE4Nzk3_size_16_color_FFFFFF_t_70 6][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NjE4Nzk3_size_16_color_FFFFFF_t_70 7][]

5.构建环境

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NjE4Nzk3_size_16_color_FFFFFF_t_70 8][]

6.构建

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NjE4Nzk3_size_16_color_FFFFFF_t_70 9][]

npm -v
    npm install
    npm run build
    tar -zcvf dist.tar.gz ./dist

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NjE4Nzk3_size_16_color_FFFFFF_t_70 10][]

mv ./dist.tar.gz /usr/share/nginx/html;
    cd /usr/share/nginx/html;
    rm -rf ./dist;
    tar -zxvf ./dist.tar.gz ./;
    rm -rf ./dist.tar.gz;

### 5、测试 ###

尝试push代码，在jenkins控制台中可以看到项目在自动部署。

[https_blog.csdn.net_qq_37618797_article_details_114378931]: https://blog.csdn.net/qq_37618797/article/details/114378931
[https_gitee.com]: https://gitee.com
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NjE4Nzk3_size_16_color_FFFFFF_t_70]: /images/20221023/3a27ce2f275a4c3e986aed717ee734b2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NjE4Nzk3_size_16_color_FFFFFF_t_70 1]: /images/20221023/b6bb3f4f0c9e4f17be687e30c7674bad.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NjE4Nzk3_size_16_color_FFFFFF_t_70 2]: /images/20221023/d8d9ae133a5348229a3e19dededf11c0.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NjE4Nzk3_size_16_color_FFFFFF_t_70 3]: /images/20221023/167c4082ceb14b7695fe308a87c835b1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NjE4Nzk3_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20210306103847553.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NjE4Nzk3,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NjE4Nzk3_size_16_color_FFFFFF_t_70 5]: /images/20221023/462fab3dc0234a59a47734d0772296fd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NjE4Nzk3_size_16_color_FFFFFF_t_70 6]: /images/20221023/bcc6e3b30a9b4743b7fc6e46a73a38f1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NjE4Nzk3_size_16_color_FFFFFF_t_70 7]: /images/20221023/6e13cdcb6ce44669ab4b0700662bc49d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NjE4Nzk3_size_16_color_FFFFFF_t_70 8]: /images/20221023/9c8c068551274b3d98e709c9fd772182.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NjE4Nzk3_size_16_color_FFFFFF_t_70 9]: /images/20221023/ee8aca0c269b47a3936aa2964ac52a33.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM3NjE4Nzk3_size_16_color_FFFFFF_t_70 10]: /images/20221023/5728e1f5679d46768dcd58b6406783b0.png