微信小程序第三方代开发流程梳理

274 阅读1分钟

前言

近期收到微信小程序的隐私协议设置调整通知(内心默默吐槽一下,呵tui~),所以需要对公司所有的小程序都进行改造,针对这个问题我主要实现了一个全局通用的校验鉴权弹窗,但这不是今天的重点,后续再单独开一贴讨论。由于公司业务不仅仅有自主独立开发运营的小程序,还有第三方代开发的小程序,而之前负责开发的前端已经离职了,所以不得不从头开始梳理一遍完整流程。

image.png

步骤

第一步:先到微信公众平台申请一个普通的小程序账号作为开发账号

第二步:去微信开放平台将该小程序添加为开发小程序:详细流程可参考微信官方文档

(注意,绑定为开发小程序后,该小程序在开发工具中上传,代码会直接上传到开放平台,不会上传到公众平台)\color{red}{(注意,绑定为开发小程序后,该小程序在开发工具中上传,代码会直接上传到开放平台,不会上传到公众平台)}

第三步:小程序模板的开发和上传(上传是上传到开放平台的草稿箱或者通过在ext.json文件里设置directCommit 直接提交至待审核列表)

值得注意的是与普通的小程序开发相比多了一个ext.json配置文件,目的是为了方便第三方平台的开发者引入extAppid的开发调试工作,\color{red}{值得注意的是与普通的小程序开发相比多了一个ext.json配置文件,目的是为了方便第三方平台的开发者引入 extAppid 的开发调试工作,} 同时该文件中有一个ext字段可以通过wx.getExtConfigSync 或者 wx.getExtConfig实现动态获取appid,详细内容可参考\color{red}{同时该文件中有一个ext字段可以通过wx.getExtConfigSync 或者 wx.getExtConfig实现动态获取appid,详细内容可参考}微信官方文档

第四步:添加到小程序模板库(去开放平台手动添加或者可以通过api直接调用)

第五步:调用接口,为授权的小程序部署代码

此处借鉴微信官方文档的一张流程图:可以给大家一个形象的展示:

image.png

本文主要梳理了涉及小程序前端开发大体开发流程,如需了解服务端授权等问题请前往微信官方文档查阅