电话+V:159999-78052,欢迎咨询微信小程序如何建仓库,[小程序设计与开发],[小程序投流与推广],[小程序后台搭建],[小程序整套源码打包],[为个体及小微企业助力],[电商新零售模式],[小程序运营推广及维护]
微信小程序的自动化部署能够显著简化开发流程,提高开发效率。传统流程包括代码开发、提交代码仓库、使用微信开发者工具上传代码到微信小程序后台、最后提交审核。自动化部署流程则能够解放开发者的双手,减少繁琐步骤。实现这一目标的关键是依赖miniprogram-ci插件。
miniprogram-ci是从微信开发者工具中提取出的小程序代码编译模块。开发者无需打开微信开发者工具,仅通过miniprogram-ci就能进行代码上传和预览操作。安装miniprogram-ci的方法是通过npm命令:npminstallminiprogram-ci--save。这一步完成之后,就可以开始配置微信公众平台。
登录微信公众平台,进入开发-开发管理-开发设置,找到小程序代码上传配置项,生成小程序代码上传密钥,并添加ip白名单。密钥文件可以存放于执行脚本的服务器上,也可以保存在项目中,只要脚本能够访问即可。
接下来编写执行脚本,脚本名称随意,但通常命名为xxx.sh。脚本内容如下:
set-e
whileread-rline
do
if[[$line=~"version"]]
then
declarea=${line##*:}
declareb=${a#*"}
declareversion=${b%"*}
break
fi
done
package.json
echo$version
上述脚本逐行读取package.json文件内容,找到version字段,并获取其对应的值定义一个$version变量。这一过程主要是获取项目的版本号,为后续操作做准备。
yarn
echo"开始编译..."
start1=$(date+%s)
yarnbuild:mp-weixin
end1=$(date+%s)
take1=$((end1-start1))
echo"CompileSuccess:${take1}s"
echo"微信小程序上传..."
start2=$(date+%s)
#upload
miniprogram-ci
upload
--pp./dist/build/mp-weixin
--pkp./private.wx3fxxxxxxxx3.key
--appidwx3fxxxxxxxx3
--uv$version
--threads1
-r1
--enable-es6true
--enable-es7true
--enable-autoprefixwxsstrue
--enable-minifytrue
end2=$(date+%s)
take2=$((end2-start2))
echo"UploadSuccess:${take2}s"
take3=$((end2-start1))
echo"TotalTime:${take3}s"
这一段脚本的主要功能是通过miniprogram-ci上传代码。具体参数含义如下:--pp:编译打包产物文件路径;--pkp:微信公众平台生成的私钥文件路径;--appid:小程序的appid;--uv:项目的版本号;--threads:开启线程数;-r:机器人编号。
至此,整个脚本已经基本完成。自动化部署实现主要分为上传脚本、miniprogram-ci插件和密钥文件三部分。
自动化部署实现方式多样。本文主要讲解两种方式。第一种推荐使用jenkins+gitlab+webhook。将脚本和密钥文件放在项目根目录,jenkins安装webhook相关插件,gitlab配置webhook。这样就能实现master分支代码变动触发webhook,进而触发jenkins执行。别忘了在jenkins服务器上全局安装miniprogram-ci插件。当业务需求开发完,代码合并到master分支之后,自动触发webhook,进而触发jenkins执行上传脚本。开发人员只需合并代码到master分支,到小程序后台选择上传的版本提交审核即可。
第二种方式基于本地终端执行。将脚本和密钥文件放在项目根目录,本地安装miniprogram-ci插件,在终端中直接执行脚本即可。
1、打开微信开发者工具,点击顶部工具栏右侧的“版本管理”;
2、点击“初始化Git仓库”;
在微信小程序开发过程中,使用Git进行版本管理和协作开发,能够极大地提升项目管理和团队协作的效率。本文将详细介绍如何在微信Web开发者工具中利用Git进行版本管理。
首先,确保您的系统已安装Git。若未安装,可通过Git官网下载并按照相关教程进行安装。
注意:目前Git管理功能尚处于内测阶段,建议使用微信Web开发者工具Beta版本进行操作。
下载并安装微信Web开发者工具Beta版本,访问developers.weixin.qq.com获取。
创建微信小程序项目。在微信Web开发者工具中,新建或打开一个项目。项目命名为“HelloGitee”,选择合适的路径、appid,并使用普通快速启动模板。创建项目后,初始项目结构将自动生成。
接下来,在码云上创建远程仓库。登录码云账号,创建名为“HelloGitee”的公开仓库,并选择JavaScript作为开发语言。初始化远程仓库后,您将获得一个空白仓库以及仓库地址。
在微信Web开发者工具中,点击“版本管理”按钮,系统提示初始化Git仓库。点击“初始化Git仓库”并确认,完成本地仓库的初始化,等同于执行“gitinit”命令。
配置本地仓库的用户名和邮箱,确保与码云账号的邮箱一致,以便在提交时统计贡献信息。在“版本管理”面板中,进行相应的设置。
添加远程仓库信息,确保本地仓库与码云仓库关联。在工具中添加远程仓库地址,并命名远程分支(如“master”),以便推送代码。
将本地代码推送至远程仓库,操作面板中选择“推送按钮”,并选择推送到远程仓库的“master”分支。成功推送后,远程仓库将显示代码变更。
注意:若遇到推送失败提示,请检查是否已正确授权。在“设置”-“网路与认证”中选择正确的远程仓库认证方式,进行身份授权设置。
在本地仓库中修改代码,通过“版本管理”面板查看并提交更改。在提交框中填写描述信息,点击“提交”以将代码更新推送到本地主干分支。
最后,将本地分支的代码推送至远程仓库,操作面板中选择“推送到以下远程仓库分支”,选择已存在的远程“master”仓库的“master”分支,完成代码同步。
通过以上步骤,您已成功在微信小程序开发中应用Git进行版本管理和协作。在实际项目中,利用Git的特性进行代码版本控制和团队协作,能够有效提升开发效率和项目管理规范性。
电话+V: 159999-78052
专注于小程序推广配套流程服务方案。为企业及个人客户提供了高性价比的运营方案,解决小微企业和个体拓展客户的问题