小梅梅的二狗子 小梅梅的二狗子
首页
  • fileReader
  • canvas
  • 【css世界】学习笔记
  • Vue

    • vue cli2 升级vue cli3 采坑记录
    • vue-cli3 项目 token.type.endsWith is not a function 生产事故分析
    • 使用vuepress 搭建团队文档
  • node

    • nodjs 爬取喜欢的的背景图片
    • 使用 puppeteer + nodejs 爬取喜欢的动漫资源
    • puppeteer爬取aspx网站
  • jenkins

    • Jenkins 从安装到自动部署h5
    • vue自动部署项目到服务器
    • jenkins自动打包前端代码并发布到测试或者生产
  • Vscode

    • Visual Studio Code 入门简介 常用插件介绍
    • vscode prettier eslint 插件格式化不生效的问题
  • 其他的

    • 声卡问题
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

qinyuanqi

搬砖使我变强!冲!!!
首页
  • fileReader
  • canvas
  • 【css世界】学习笔记
  • Vue

    • vue cli2 升级vue cli3 采坑记录
    • vue-cli3 项目 token.type.endsWith is not a function 生产事故分析
    • 使用vuepress 搭建团队文档
  • node

    • nodjs 爬取喜欢的的背景图片
    • 使用 puppeteer + nodejs 爬取喜欢的动漫资源
    • puppeteer爬取aspx网站
  • jenkins

    • Jenkins 从安装到自动部署h5
    • vue自动部署项目到服务器
    • jenkins自动打包前端代码并发布到测试或者生产
  • Vscode

    • Visual Studio Code 入门简介 常用插件介绍
    • vscode prettier eslint 插件格式化不生效的问题
  • 其他的

    • 声卡问题
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • 前端基础

  • 日常采坑

  • 前端框架

  • 部署相关

    • Jenkins

      • Jenkins 从安装到自动部署h5
        • vue自动部署项目到服务器
        • jenkins自动打包前端代码并发布到测试或者生产
    • 微信

    • 网易

    • 浏览器

    • 七牛云

    • 前端
    • 部署相关
    • Jenkins
    qinyuanqi
    2023-04-25
    目录

    Jenkins 从安装到自动部署h5

    # 大纲

    • jenkins 安装
    • jenkins 常用插件使用和配置
    • 建立一个多任务(区分开发,测试,生产)的h5并自动部署到远程服务器
    • 请按顺序阅读观看,适合小白,大佬跳过
    • 欢迎留言评论,吹水??

    # 安装java 略过

    # 安装jenkins

    官网: https://www.jenkins.io/zh/download/ (opens new window)

    中文社区:https://jenkins-zh.cn/ (opens new window)

    gihub: https://github.com/jenkinsci/jenkins/releases (opens new window)

    # 安装步骤

    我的是window系统,安装window版本,然后打开安装程序,下载很慢,耐心等待,

    如果是下载2.232版本可能会出现无法下载的情况,解决办法看官网公告

    https://www.jenkins.io/changelog/ (opens new window)

    # 选择安装目录

    选择安装方式,第二种不知道怎么搞, 先玩第一种。

    需要提前安装java 哦

    看到这个界面, 耐心等待

    看到红色的路径目录,

    直接复制路径访问可能会报错, 解决办法,官网api说找这个文件,jenkins.err

    搜索找到这个文件, 打开复制密码

    密码: 51a54d0fb61746c79621c83a1ebb368b

    得到密码,输入密码,继续走下一步,当然选第一个啦,

    耐心等待,感觉选错了,

    坑,懒得等了, 把网卡禁用,走下一步

    admin / 7777777

    # 更改镜像源

    替换 updates.jenkins-ci.org/download (opens new window) 为 mirrors.tuna.tsinghua.edu.cn/jenkins (opens new window)(清华大学的镜像源)

    好像配置了上面那个方式,会导致nodejs插件安装无法选择版本,建议配置成 update Site 改成 http://updates.jenkins.io/update-center.json (opens new window) ,然后 点击 check now 按钮

    # 安装插件

    官网api: https://www.jenkins.io/zh/doc/book/managing/plugins/ (opens new window)

    终于进到这个页面了, 虽然我没有安装插件,哈哈

    # 安装常用插件

    打包选择git 版本 git-parameter

    官网api: https://plugins.jenkins.io/git-parameter/ (opens new window)

    需要先安装jquery 插件

    Publish Over SSH

    https://plugins.jenkins.io/publish-over-ssh/ (opens new window)

    配置ssh

    配置帐号密码,服务器地址

    配置打包之后,同时传给多个环境

    安装node js

    官网: https://plugins.jenkins.io/nodejs/ (opens new window)

    nodejs 无法选择版本

    问题描述

    你会发现node version 版本不是一个下拉选项,是一个输入框,难搞哦,一堆问题, 搞不动了

    解决方案:

    https://blog.csdn.net/qq_33381971/article/details/89423977 (opens new window)

    反正我试了换文件的那个方法不行,之前装jenkin的时候还是可以的,后来又看到这个大佬说了个解决方案,亲测,可以,感谢~

    找到插件配置,升级站点,把https://updates.jenkins.io/update-center.json (opens new window) 改成 http://updates.jenkins.io/update-center.json (opens new window), 然后点右下角的立即获取,耐心等待,获取成功之后,就ok了

    终于出现这个下拉框了, 美滋滋~

    配置一个node,搞定。

    # 配置一个任务

    添加环境变量 ENV

    添加一个环境变量

    定义环境变量

    使用环境变量

    大概效果

    添加git地址

    配置git帐号

    选择node 来进行构建

    构建使用shell 命令

    配置shell命令,

    我的 script 配置,我设计 的是dev 打包到开发环境, test 打包到测试环境 build 打包到生产环境

    添加构建成功之后的操作,比如说传输文件到开发环境

    配置开发环境

    点击保存,完成配置

    开始构建,

    选择master来构建

    点击红框可以查看构建详情

    控制台显示耐心等待~,第一次构建比较慢啦

    构建成功

    查看开发环境是否更新成功

    这个日期是我们刚才打包的时间,成功了 可喜可贺~

    第二次构建,很快了,22 秒,好像不会删除node-module 包哈,之前测试大佬他们说会删除,不知道他们怎么配置的了

    第一次构建耗时

    第三次构建耗时

    # Jenkins关闭和重启实现方式.

    window开启服务

    计算机 ==> 服务 ==> Jenkin 启动这个服务就好了

    控制面板->系统工具->管理工具->服务

    关闭

    重启Jenkies

    http://localhost:8080/restart (opens new window)

    重新加载配置信息

    http://localhost:8080/reload (opens new window)

    上次更新: 2023/12/18, 15:00:26
    requirejs 不完全指南
    vue自动部署项目到服务器

    ← requirejs 不完全指南 vue自动部署项目到服务器→

    最近更新
    01
    若依3.8.5版本vue-cli升级到 5.0.8碰到的一些问题
    10-08
    02
    vuepress添加sitemap
    05-17
    03
    vscode Live Server 插件使用教程
    05-16
    更多文章>
    Theme by Vdoing | Copyright © 2019-2023 Evan Xu | MIT License
    • 跟随系统
    • 浅色模式
    • 深色模式
    • 阅读模式