(二)|(二) Linux环境安装配置jenkins,部署前端主干master

安装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到服务器任意指定目录(下载如下图)
(二)|(二) Linux环境安装配置jenkins,部署前端主干master
文章图片
启动jenkins
切换到jenkins.war所在目录,执行以下命令启动jenkins
nohup java -jar jenkins.war --httpPort=8055 &(--httpPort=8055是指定端口为8055,也可以不要这部分,此时端口为默认端口)
访问jenkins
http://ip:8055 ,访问此地址,如果无法访问,有可能公司局域网问题,有可能是电信网络问题,经验证,目前电信网络下无法访问。
在下图红色所示文件中找到登录密码并登录
(二)|(二) Linux环境安装配置jenkins,部署前端主干master
文章图片
点Install suggested plugins
(二)|(二) Linux环境安装配置jenkins,部署前端主干master
文章图片
安装插件过程,如果此过程出现“Unable to connect jenkins”,请检查网络环境,也有可 能是被墙了的原因(自己想办法解决墙了的问题)
(二)|(二) Linux环境安装配置jenkins,部署前端主干master
文章图片
创建用户(我默认用了admin用户,点击下面Continue as admin)
(二)|(二) Linux环境安装配置jenkins,部署前端主干master
文章图片
点击完成
(二)|(二) Linux环境安装配置jenkins,部署前端主干master
文章图片
正常跳转到jenkins主页面,如果出现主页面空白或者跳转失败,找到./jenkins/config.xml文件,修改这一对标签的内容为:
这个权限对应“登录用户可以做任何事”,也可以百度查询按需修改(如能正常访问则无需这一步操作),修改后重启tomcat
修改/conf/tomcat-users.xml(应用部署的tomcat容器)
在此文件最后一个标签前添加下面内容:



【(二)|(二) Linux环境安装配置jenkins,部署前端主干master】
username和password根据自己的需要修改定义,修改此文件后重启tomcat
安装所要用到的插件
系统管理-插件管理
(二)|(二) Linux环境安装配置jenkins,部署前端主干master
文章图片
勾选插件,并点击下图按钮安装,
需要安装的插件:
Deploy to container(前端部署可能用不到,安装无妨)、NodeJs、Publisher over SSH、MavenIntegration、在下图所示位置搜索这些插件勾选并点红色框按钮安装。
(二)|(二) Linux环境安装配置jenkins,部署前端主干master
文章图片
全局工具配置
(二)|(二) Linux环境安装配置jenkins,部署前端主干master
文章图片
Git安装路径,如果不知道,可以控制台敲 whereis git查看
(二)|(二) Linux环境安装配置jenkins,部署前端主干master
文章图片
(二)|(二) Linux环境安装配置jenkins,部署前端主干master
文章图片
系统设置:
(二)|(二) Linux环境安装配置jenkins,部署前端主干master
文章图片
(二)|(二) Linux环境安装配置jenkins,部署前端主干master
文章图片
点击jenkins首页面 “New任务”按钮,创建任务:
(二)|(二) Linux环境安装配置jenkins,部署前端主干master
文章图片
下面是配置信息截图:
(二)|(二) Linux环境安装配置jenkins,部署前端主干master
文章图片
(二)|(二) Linux环境安装配置jenkins,部署前端主干master
文章图片
(二)|(二) Linux环境安装配置jenkins,部署前端主干master
文章图片
source /etc/profile
npm cache verify
npm install//这句如果无法下载有些依赖,可以换成淘宝镜像
npm run build
tar -czf web.tar.gz dist
rm -rf dist
(二)|(二) Linux环境安装配置jenkins,部署前端主干master
文章图片
cd /xxx/xxxx/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,部署前端主干master
文章图片
以上配置信息填写完毕后点Save按钮保存
构建项目
(二)|(二) Linux环境安装配置jenkins,部署前端主干master
文章图片
查看构建日志,出现Success表示成功,如果失败,请根据日志及控制台信息解决问题:
(二)|(二) Linux环境安装配置jenkins,部署前端主干master
文章图片


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


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

    推荐阅读