准备:
1.gitee代码仓库
2.服务器下载jenkins,我这里用的是2.375.1版本
3.下载git版本控制系统,我用的是2.38.1版本
4.下载jdk,我安装的是11.0.17版本
5.安装nginx高性能的HTTP和反向代理web服务器
1.首先下载jdk,网址是Java Downloads | Oracle,下载64位的安装程序
2.点击同意,然后下载
3.点击之后需要登陆oracle账户,没有的话注册一个,点击登录后就会自动下载
4.下载完成后双击打开,我没有更改路径,一直下一步安装至完成,然后开始安装jenkins
5.下载jenkins,网址是Jenkins
点击download下载
6.点击windows版,然后等待下载完成
7.下载完成后打开,点击next
8.这里的地址我就不改了,可以改成自己想存放的目录,然后点击next
9.选择第一个,点击next
10.填写端口号,填上之后点击Text Port测试端口是否被占用,没被占用的话会显示绿色箭头,然后点击next
11.点击change,改变为我们刚安装jdk的目录,点击next
12.默认,点击next
13.点击install,等待安装完成,完成后点击finish
14.进入浏览器输入localhost:6379,端口号是10中自己填写的端口号,然后会进入到这个页面
根据红字提示,找到该文件(ProgramData是隐藏的项目,需要在电脑上设置显示)
15.用记事本打开,复制密码到管理员密码处,点击继续
16.然后点击 安装推荐的插件,等待安装的完成
17.安装完成,按照提示注册管理员用户,点击保存并完成,然后回出现这个界面,点击保存并完成
18.开始使用jenkins,到此jenkins就已经安装完成
19.然后安装Git,网址是Git,点击downloads,然后点击windows,选择64位的安装程序
20.下载完成后,一直默认next安装即可
21.在jenkins里点击Manage Jenkis选中Global Tool Configuration设置服务器git安装路径,然后点击应用
22.在Manage Plugins下搜索NodeJS插件并安装
23、“安装完成后重启Jenkins(空闲时) ” 这个一定要勾选,重启才能有效
重启慢的话,进入计算机管理,点击jenkins重启动,然后进入浏览器刷新页面重新登陆
24.在Global Tool Configuration选项下设置NodeJS版本,等下打包构建的时候要用到。填一个别名,点击应用
25.安装nginx,下载地址是nginx
选择稳定版下载,下载后解压缩即可
进入到解压后的目录,输入cmd
运行nginx start
打开浏览器输入localhost:80,若出现一下界面则安装成功
在nginx的html文件夹下新建mall,dist文件夹
然后打开nginx.conf文件进行项目代理配置
配置完成后在cmd里面输入 nginx -s load 重启nginx
26.创建项目,首页点击 新建item
输入gitee仓库代码地址,点击添加(报错先不用管)
输入仓库用户名和密码
这里选择写好的仓库用户(报错就消失了)
在构建环境选择nodejs构建
点击build steps下的 增加构建步骤
命令解释:
1.每次打包前先强制删除项目下的node_modules文件夹及下面的文件
2.安装依赖
3.build打包
再增加一步构建命令
命令解释:
1.删除nginx站点下dist文件夹
2.复制粘贴jenkis打包好的dist文件及内容,强制覆盖至nginx站点下的dist文件夹
然后点击应用
进入到自己创建的文件夹里面,点击build now,开始构建
27.显示绿色对号就是构建成功,同时nginx下的dist文件夹里也有文件了
28.最后在浏览器上输入localhost:8999即可访问,服务器的话输入自己的ip+8999(自己的端口)
OK!完事