当前位置: 首页 新闻详细

微信小程序自动化部署的全过程,微信小程序如何使用 Git 实现版本管理和协作开发

专业小程序设计开发——助力新电商新零售

电话+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实现版本管理和协作开发

在微信小程序开发过程中,使用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的特性进行代码版本控制和团队协作,能够有效提升开发效率和项目管理规范性。

【WINDRISES MINIPROGRAM PROMOTION】尊享直接对接老板

电话+V: 159999-78052

专注于小程序推广配套流程服务方案。为企业及个人客户提供了高性价比的运营方案,解决小微企业和个体拓展客户的问题

微信小程序如何建仓库
发布人:madang1 发布时间:2025-02-22