Jenkins结合宝塔搭建前端CI&CD

1.购买一个云服务器

这里以华为云为例，搭配宝塔面板镜像。

Example Image

2.安装宝塔面板

使用CloudShell登录服务器，然后用命令安装宝塔面板。

打开宝塔官网，其中有详细的安装步骤

复制下面命令，在CloudShell中执行

if [ -f /usr/bin/curl ];then curl -sSO https://download.bt.cn/install/install_panel.sh;else wget -O install_panel.sh https://download.bt.cn/install/install_panel.sh;fi;bash install_panel.sh ed8484bec

安装完成根据获取的账户密码进行访问宝塔面板，然后安装一个宝塔客户端，方便管理，根据官网提示进行安装。

安装和连接服务器完了之后是这样的：

Example Image

3.安装Jenkins

最新版的宝塔面板已经内置docker，所以不需要再进行docker的安装，直接进入jenkins安装。

打开docker选项，应用商店搜索jenkins，安装即可。

Example Image

启动之前需要在云服务器管理平台和宝塔开通相应端口号

Example Image

然后输入http://服务器地址:你开放的端口号

打开后得到以下页面：

Example Image

直接安装推荐插件

Example Image

安装成功后创建管理员账号(一定要记住这个也是登录账号密码)

Example Image

这里实例配置直接默认 就行

Example Image

4.配置jenkins

首先打开下载插件的页面

Example Image

安装插件 NodeJS、Publish Over SSH 、gitee 下面的都照这样安装

Example Image

添加凭证(服务器账号密码以及gitee账号密码或者github账号)部署时候用，这里我添加了gitee账号密码。

Example Image

Example Image

接下来配置node工具

Example Image

Example Image

接下来配置服务器SSH ， 首先在宝塔中开启SSH，默认开启状态。

Example Image

点击 system ,设置ssh,进去划到最下面

Example Image

1. 找到 Publish over SSH
2. Passphrase 服务器SSH远程连接密码
3. Name 服务器名称（随便起名）
4. Hostname 主机号 例如192.168.0.1 （实际主机号，不需要端口号）
5. Username 服务器SSH远程连接账号
6. Remote Directory 进入的路径

配置好后点击测试 ，success 表示成功了

Example Image

然后点击test Configuration，显示成功就表示我们配置的没问题,如果失败，则改用ssh密钥。去宝塔把ssh密匙复制过来

Example Image

复制到Publish over SSH key中，再点测试连接后成功

Example Image

5.创建项目并且配置

创建项目

Example Image

Example Image

输入项目git地址并且选择配置好的git账号密码

Example Image

构建触发器 勾选 我使用的是gitee，所以需要在jenkins中安装gitee插件

Example Image

Example Image

已gitee为例，通过 「仓库主页」->「管理页面」->「WebHooks」 添加 WebHook