Jenkins如何自动化部署前端项目(2)


Jenkins 如何自动化部署前端项目

前置步骤我们都操作完了,这篇开始介绍 jenkins 的是哟。话不多说,看操作(没安装的请看我主页有详细的安装教程)

1、登录进入 jenkins 后会让你选择安装插件,选择第一个默认的就行。

2、配置 JDK 和 Git 都需要执行路径,所以需要先把执行路径找到,先进入服务器的终端界面执行

JDK 的路径

echo $JAVA_HOME

如果是空记得先去设置 java 的环境变量 which java 查看 java 的安装路径

jdk路径

Git 的路径

which git

git路径

3、先配置 JDK 和 Git。点击:Manage Jenkins>>Global Tool Configuration

选择 JDK,别名随便填,JAVA_HOME 填写查询到 jdk 的路径

选择 Git,Name 随便填 e 填写 2.2 查询到 git 的路径,配置完成后点击应用,在点击保存。

安装插件

安装插件,点击 Manage Jenkins>>Manage Plugins,点击可选插件

安装 Gitee 插件,找到可选插件 tab,搜索 gitee

安装 Maven 插件

安装 Git Parameter Plug-In 插件,用于添加 git 参数

安装 Environment Injector 插件,搜索 inject,此插件可以在 shell 脚本中可以使用 $a、$b 等自定义环境变量

安装 Publish over SSH 插件

必须要配置 name 和 email,为了让每一次提交的代码都能配置到用户

git config --global user.name "jenkins_git"
git config --global user.email "wuqi_y@163.com"

生成证书 绑定 gitee 或者 github

SSH 公钥

# 生成ssh连接所需的证书
ssh-keygen -t rsa -C "wuqi_y@163.com"

将证书配置到 git 上。

登录 github 或 gitee,这里我以 gitee 为例,步骤如下:
   登录并进入 gitee 个人设置 – 点击“SSH 公钥”侧边栏 – 输入标题 – 黏贴刚才在 linux 上生成 id_rsa.pub 文件内容后保存。

添加 Gitee 配置(Manage Jenkins>>Configure System>>Gitee 配置)






可根据自己需要更改(记得安装 Node 哦)

# 在执行过程中若遇到使用了未定义的变量或命令返回值为非零,将直接报错退出
set -eu
echo "<-------------------------------------->"
node -v
echo "安装依赖"
npm install

echo "<-------------------------------------->"
echo "打包出dist文件夹"
npm run build

# 先删除nginx下的旧数据
sudo rm -rf /www/wwwroot/test-jenks/*
# 再将新数据拷贝到nginx下
sudo cp -r dist/* /www/wwwroot/test-jenks/

最后执行即可


文章作者: Yang · Mr
版權聲明: 本部落格所有文章除特別聲明外,均採用 CC BY 4.0 許可協議。轉載請註明來源 Yang · Mr !
评论
  目錄