一、工具
fork(非必须)
Hbuilder(必须)
微信开发者工具(必须)
二、拉取代码
1、下载相关程序包到本地,可以直接从git上拉取代码,或者使用fork工具拉取代码,建议使用fork,便于管理与更新。直接拉取代码的方式比较简单,不作介绍,这里详细介绍一下使用fork工具拉取代码步骤。
①打开fork,选择file>clone…,在弹窗中填写相关项目内容,包括git代码地址,项目保存的位置、以及项目名称等,然后点击clone
②clone之后会在当前界面显示该项目更新情况,选中最新的一条,点击pull,成功将代码拉取到本地,后续若代码更新,只需要选择对应更新记录点击pull即可更新本地代码
③拉取代码后需要进行编译,cmd进入本地程序包目录,执行
npm install
三、Hbuilder打开程序并编译发布
1、Hbuilder打开,依次选择文件>导入>从本地目录导入,选择本地程序包打开,打开后显示到右侧导航栏,更改相关配置,例如conf.js,修改为测试环境相关配置,点击保存
2、H5发行:依次点击发行>网站-H5手机版,等待编译完成后,根据控制台提示,找到编译好的H5包,放到服务器对应目录,并在nginx里配置相关路径即可。
3、小程序发行:
①需要提前申请微信公众平台账号,发布小程序需要该微信号具有微信平台账号开发者权限,进入微信公众平台成员管理可设置项目成员、体验成员。登录微信公众平台后,进入开发>开发设置查看小程序AppID,并复制。
②依次点击发行>小程序-微信,在弹窗中填写AppID,编译完成后会自动打开微信开发者工具(注意:需提前登录微信开发者工具)