(三) Linux环境安装配置jenkins,部署前端Git分支

安装JDK(配置环境变量,根据需求)

       jdk1.8.0_172(jdk版本1.8以上,环境变量配置网上搜索方法)

安装Node(配置环境变量,构建前端用)

        node-v10.15.0-linux-x64(环境变量配置网上搜索方法)

安装Maven (配置环境变量)

        apache-maven-3.6.0(环境变量配置网上搜索方法)

安装Git

 yum install git    通过此命令在线安装,也可以单独下载上传安装。

从jenkins官网下载jenkins包

    上传jenkins.war到服务器任意指定目录(下载如下图)

启动jenkins

        切换到jenkins.war所在目录,执行以下命令启动jenkins

        nohup java -jar jenkins.war --httpPort=8055 &  (--httpPort=8055是指定端口为                      8055,也可以不要这部分,此时端口为默认端口)

访问jenkins

        http://ip:8055 ,访问此地址,如果无法访问,有可能公司局域网问题,有可能是电信网          络问题,经验证,目前电信网络下无法访问。

        在下图红色所示文件中找到登录密码并登录

         点Install suggested plugins

         安装插件过程,如果此过程出现“Unable to connect jenkins”,请检查网络环境,也有可 能是被墙了的原因(自己想办法解决墙了的问题)

         创建用户(我默认用了admin用户,点击下面Continue as admin)

          点击完成

正常跳转到jenkins主页面,如果出现主页面空白或者跳转失败,找到./jenkins/config.xml文件,修改这一对标签的内容为:

这个权限对应“登录用户可以做任何事”,也可以百度查询按需修改(如能正常访问则无需这一步操作),修改后重启tomcat

修改/conf/tomcat-users.xml(应用部署的tomcat容器)

在此文件最后一个标签前添加下面内容:

   

username和password根据自己的需要修改定义,修改此文件后重启tomcat

安装所要用到的插件

系统管理-插件管理

勾选插件,并点击下图按钮安装,

需要安装的插件:

    Deploy to container(前端部署可能用不到,安装无妨)、NodeJs、Publisher over SSH、Maven  Integration、Git parameter Plug-In 在下图所示位置搜索这些插件勾选并点红色框按钮安装。

全局工具配置

Git安装路径,如果不知道,可以控制台敲 whereis git查看

系统设置:

(三) Linux环境安装配置jenkins,部署前端Git分支_第1张图片
(三) Linux环境安装配置jenkins,部署前端Git分支_第2张图片

点击jenkins首页面 “New任务”按钮,创建任务:

(三) Linux环境安装配置jenkins,部署前端Git分支_第3张图片

下面是配置信息截图:

(三) Linux环境安装配置jenkins,部署前端Git分支_第4张图片
(三) Linux环境安装配置jenkins,部署前端Git分支_第5张图片
(三) Linux环境安装配置jenkins,部署前端Git分支_第6张图片
(三) Linux环境安装配置jenkins,部署前端Git分支_第7张图片

source /etc/profile

npm cache verify

npm install                      //这句如果无法下载有些依赖,可以换成淘宝镜像

npm run build

tar -czf web.tar.gz dist

rm -rf dist

(三) Linux环境安装配置jenkins,部署前端Git分支_第8张图片

cd /xxx/xxx/apache-tomcat-8.0.52/webapps

mv dist /tmp/dist-`date -d now +%s`

tar vxf web.tar.gz

mv dist myjs

rm web.tar.gz

(三) Linux环境安装配置jenkins,部署前端Git分支_第9张图片

以上配置信息填写完毕后点Save按钮保存

构建项目


(三) Linux环境安装配置jenkins,部署前端Git分支_第10张图片
(三) Linux环境安装配置jenkins,部署前端Git分支_第11张图片

查看构建日志,出现Success表示成功,如果失败,请根据日志及控制台信息解决问题:

总结:前端构建是比较费事的,如果npm命令下载不了有些依赖,可以尝试用淘宝镜像,多构建几遍、多折腾几次。


面试集锦:https://gitee.com/wbcoding/interview.git

你可能感兴趣的:((三) Linux环境安装配置jenkins,部署前端Git分支)