前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >微信小程序使用 Git 实现版本管理和协作开发

微信小程序使用 Git 实现版本管理和协作开发

作者头像
可定
发布2020-04-20 15:28:24
4.9K0
发布2020-04-20 15:28:24
举报
文章被收录于专栏:细嗅蔷薇细嗅蔷薇

前言

在微信小程序开发的过程中,代码版本管理往往需要使用第三方工具进行管理。虽然微信Web开发工具提供了对Git文件版本状态的提示,但实际的使用体验依然不尽人意。

随着微信Web开发工具的更新,最新的内测版本已经支持Git的直接管理,本文将就在微信Web开发工具中使用Git做版本管理做详细介绍。

环境准备

开发环境:Mac/Windows/Linux均可 开发工具:微信Web开发者工具Beta版本、Git Git托管服务:GitHub

使用Git服务需要在系统上先安装好Git。

使用微信小程序的版本协同需要安装微信微信小程序开发工具

创建小程序项目

使用Git版本管理,首先需要有个git的仓库。打开微信小程序开发工具,新建/打开小程序的项目。此处以新建项目为例,项目名自己定,填写好相应路径和appid,选择建立普通快速启动模板,确认并新建项目。

创建完成后,得到了初始化后的项目。

创建远程仓库

https://github.com 上登录自己的GitHub账号,在右上角新建按钮选择「new repository」。填写相应的项目仓库信息。

此处我们选择使用公开的仓库,仓库名自己定。确认后点击「Create repository」按钮初始化远程仓库。

创建并初始化完远程仓库后,我们得到了一个空白仓库如下图。项目的仓库地址是:https://github.com/cordinovet/Cordinovet-s-Blog-Wechat-Mini-Program 接下去我们将初始化本地的Git仓库。

初始化本地仓库

在微信Web开发者工具中点击面板上的「版本管理」按钮,将弹出开发者工具中的版本管理面板。

由于是新建项目,并没有初始化过Git仓库,所以项目会提示初始化Git仓库,点击「初始化 Git 仓库」,点击「确认」,完成本地仓库的初始化。

这一步骤相当于执行「git init」命令。

初始化完成后,我们可以看到本地的仓库和当前的Git状态。下图为微信Web开发者工具初始化后的版本控制面板。

配置仓库信息

初始化完成后,依次点击「工作空间」->「设置」->「通用」->「编辑」,编辑在Git中使用的用户名和邮箱。这一步相当于git config命令中的配置操作。

代码语言:javascript
复制
$ git config --global user.name "用户名"
$ git config --global user.email "邮箱"

需要注意的是:此处配置的邮箱名需要和 github https://github.com 上的邮箱保持一致,才能保证提交后能统计到Git的提交贡献信息。

切换到仓库设置的「远程」选项卡,这时候会发现提示「未找到远程仓库信息」,点击「添加」。

将在GitHub复制的远程仓库地址填进去,仓库名称此处命名为「Cordinovet-s-Blog-Wechat-Mini-Program」,可自行命名。

添加完成后即可看到项目中的远程分支信息。

推送代码到远程仓库

点击操作面板上的「推送按钮」,在弹出窗口选择「推送到新的远程仓库分支」,名称填写「master」,表示推送到远程仓库的master分支,然后点击「确定」。

推送完成后,我们可以顺利的看到「远程仓库」下出现了分支信息。访问GitHub上的仓库,也能看到推送过去的信息。此时我们已经完成了代码从本地仓库到远程仓库到推送。

注意事项 和 身份授权设置

在推送的时候如果遇到了提示推送失败,需要检查用户授权,表示可能微信Web开发者工具并没有读取到本地用户的ssh授权配置,需要在开发工具中设置用户的授权信息。

初始化完成后,依次点击「工作空间」->「设置」->「网路与认证」->「认证方式」,可以选择远程仓库的认证方式,默认为「自动」。

选择「输入用户名和密码」,在下方输入GitHub的账号和密码后,再次执行推送操作即可。

修改并提交代码

接下来我们来讲讲修改后的项目代码该怎么样提交到GitHub仓库上。

修改号代码后,再次切换到「版本管理」面板,可以看到当前本地分支有一个文件等待提交,选中并勾选文件,可以查看当前文件内发生的改动。

在下方提交框填写提交的备注信息,点击「提交」,将代码提交到本地仓库主干分支上。提交后,可以在本地仓库分支上查看提交记录。

接下去我们再次将代码从本地分支推送到远程仓库。点击操作面板上的「推送按钮」,在弹出窗口选择「推送到一下远程仓库分支」,选择一存在的远程master仓库的master分支,然后点击「确定」。

推送完成后,即可在GitHub对应的仓库主页看到提交的代码变更。

总结

在上面的操作中,我们通过微信Web开发者工具的版本管理功能,对小程序的代码进行了版本的管理控制,并提交到了远程的Git仓库中。

在实际的项目开发中,我们还可以充分利用Git在版本管理和协作上的特性,灵活的和他人进行协作,进而规范代码管理,更高效的进行协作开发。

参考

微信小程序如何使用 Git 实现版本管理和协作开发

关于微信小程序开发者工具的版本管理使用介绍

版权所有:可定博客 © WNAG.COM.CN

本文标题:《微信小程序使用 Git 实现版本管理和协作开发》

本文链接:https://cloud.tencent.com/developer/article/1617008

特别声明:除特别标注,本站文章均为原创,本站文章原则上禁止转载,如确实要转载,请电联:wangyeuuu@qq.com,尊重他人劳动成果,谢过~

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • 环境准备
  • 创建小程序项目
  • 创建远程仓库
  • 初始化本地仓库
  • 配置仓库信息
  • 推送代码到远程仓库
  • 注意事项 和 身份授权设置
  • 修改并提交代码
  • 总结
  • 参考
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档