Jenkins如何自动化部署前端项目(安装Jenkins)
Jenkins 如何自动化部署前端项目1、安装 JDK 11 这里我们通过 yum 系统 Centos 8.4.64
首先,确保你的系统已经更新到最新的软件包列表。可以运行以下命令来更新软件包列表:
sudo yum update
安装 JDK 11sudo yum install java-11-openjdk-devel
安装过程中,系统会提示你确认是否继续安装。输入Y并按下 Enter 键,然后等待安装完成。
安装完成后,可以使用以下命令来验证 JDK 11 的安装:
验证 Java 是否安装成功java -version
输出应该显示类似以下内容:
openjdk version "11.x.x" 2021-XX-XXOpenJDK Runtime Environment (build 11.x.x+XX-XXXX)OpenJDK 64-Bit Server VM (build 11.x.x+XX-XXXX, mixed mode, sharing)
卸载 Jdk# 查看CentOS自带JDK是否已安装:yum list installed | ...
Vue的依赖收集
让数据变得可观测我们都知道 Vue2 中是通过Object.defineProperty来实现的数据劫持,也就是让数据变得可观测 例如:
let car = {};let val = 3000;Object.defineProperty(car, "price", { enumerable: true, configurable: true, get() { console.log("price属性被读取了"); return val; }, set(newVal) { console.log("price属性被修改了"); val = newVal; },});
依赖收集让 object 数据变的可观测。变的可观测以后,我们就能知道数据什么时候发生了变化,那么当数据发生变化时,我们去通知视图更新就好了。那么问题又来了,视图那么大,我们到底该通知谁去变化?总不能一个数据变化了,把整个视图全部更新一遍吧,这样显然 ...
关于微信前端支付在微信环境如何支付
关于微信前端支付在微信环境如何支付我们都知道在微信环境中是无法直接使用 H5 支付的,需要调取微信浏览器一些相关 API 去唤醒支付,相关链接如下:
https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_7&index=6
注意:WeixinJSBridge 内置对象在其他浏览器中无效。
function onBridgeReady() { WeixinJSBridge.invoke( "getBrandWCPayRequest", { appId: "wx2421b1c4370ec43b", //公众号ID,由商户传入 timeStamp: "1395712654", //时间戳,自1970年以来的秒数 nonceStr: "e61463f8efa94090b1f366cccfbbb444", //随机串 package: "prepay_i ...
Jenkins如何自动化部署前端项目(2)
Jenkins 如何自动化部署前端项目前置步骤我们都操作完了,这篇开始介绍 jenkins 的使用。话不多说,看操作(没安装的请看我主页有详细的安装教程)
1、登录进入 jenkins 后会让你选择安装插件,选择第一个默认的就行。
2、配置 JDK 和 Git 都需要执行路径,所以需要先把执行路径找到,先进入服务器的终端界面执行
JDK 的路径
echo $JAVA_HOME
如果是空记得先去设置 java 的环境变量 which java 查看 java 的安装路径
Git 的路径
which git
3、先配置 JDK 和 Git。点击:Manage Jenkins>>Global Tool Configuration
选择 JDK,别名随便填,JAVA_HOME 填写查询到 jdk 的路径
选择 Git,Name 随便填 e 填写 2.2 查询到 git 的路径,配置完成后点击应用,在点击保存。
安装插件安装插件,点击 Manage Jenkins>>Manage Plugins,点击可选插件
安装 Gitee 插件,找到可选插 ...