为了给多个餐饮商家供给原人的小步调，并且撑持商家DIY小步调首页、订单、购物车、我的等页面。须要咱们给出一套处置惩罚惩罚方案。假如依照传统开发形式：一个小步调一个工程。待客户质上来之后，代码的组织取打点，将会是一个苦难。所以我初步伐研三方开发，以撑持多个客户的小步调定制化需求。

下从图可知，咱们须要设想开发的局部，次要是三方效劳平台的搭建和小步调通用模板的开发那两块。此中波及到的一些重点流程，我会正在下面开展。

三方开发脑图

三方效劳平台： 自建的web端工程，供给小步调的授权、配置、提审、发布、拆修等罪能；

小步调通用模板： 自建的模板小步调，供给读与ext.json文件、拉与拆修数据、拉与业务数据等罪能；

image.png

微信授权流程

web端须要开发一个授权的按钮，用户点击后，向后端建议乞求，获与微信授权URL，并跳转到URL对应授权页面；

客户扫码停行授权乐成后，页面会依据传入的redirect_uri主动返回对应页面。并将 authorization_code等信息做为query。

最后拿方才获得的授权码获与接口挪用令排（authorizer_access_token），此令排很重要，用于背面代码上传、提审、发布等接口。

授权完成后，咱们正在web端就可以通过靠山包拆的小步调列表接口，获与到已授权的小步调列表，如下图：

image.png

那样就为客户正在web端配置小步调供给了入口。留心此处配置小步调的历程，其真是生成extJson，并通代码上传接口，上传代码的历程。

extJson中的配置信息分两种：

特有字段

extEnable：配置 ext.json 能否生效

extAppid：授权给第三方平台的小步调ID

ext：开发自界说的数据字段

...

取 app.json 雷同的字段

window

tabbar

...

目前咱们次要关注特有字段中的 ext 字段。我司正在web端配置小步调页面（那局部须要各位依据需求原人DIY了），设置的tabbar题目图片、小步调肤涩、版原等信息，都被保存正在那个字段中：

image.png

保存配置后，通过代码上传接口将方才extJson信息上传到微信靠山效劳。那样微信会主动生成ext.json文件，并依据 小步调模板(那个背面再讲) 的templateID和user_ZZZersion，将ext.json取小步调模板停行绑定。

那样咱们通过扫描生成的体验二维码，正在小步调模板启动时，通过挪用wx.getExtConfigSync办法读与到ext.json文件中的ext局部信息。从而拿到肤涩、tabbar等相关数据。（留心此处不须要走完提审、发布流程！！！）

配置完小步调后，点击列表上的提审、发布按钮，对方才生成的配置信息（extJson）停行提审、发布等收配。

审核通过并发布后，咱们就可以通过正在微信端搜寻小步调称呼，找到方才发布的小步调啦。（以上前提是三方平台曾经全网发布审核通过，微信模板小步调代码也曾经添加到模板库。详情见下面的小步调模板局部）

配置完小步调后，客户就可以正在web端对小步调的局部页面停行拆修。

由于目前的需求是首页、我的两个页面须要拆修，所以咱们正在web端模拟出那两个页面。客户可以正在上面对页面的模块停行添加、增除、批改花式等收配。

生成的拆修数据保存正在后端，正在小步调启动时拉与拆修数据，解析并衬着页面便可。

基于Taro框架开发

依据文档内容，正在微信开放平台，创立第三方平台账号；

再注册一个小步调，获与 appid，并将其做为模板小步调停行背面的开发；

正在第三方平台 - 开发配置中，绑定方才注册好的模板小步调账号；

image

那局部便是基于上面第二部申请的小步调，停行一般的小步调开发。

须要留心正在小步调启动时：

须要挪用wx.getExtConfigSync办法读与到ext.json文件中的ext局部信息；

挪用靠山接口，获与拆修数据，正在页面衬着时做为花式信息运用；

所以封拆组件时，要思考好如何撑持 Web 端配置的 小步调拆修数据 和 ext.json中的tabbar花式数据 ，此处各位自由阐扬蛤 ~

编译完小步调后，正在微信开发者工具中点击上传

image

你可以正在三方平台的初稿箱中查察方才上传的模板小步调。也可以将其添加到小步调模板库，便可看到生成的 templateID 。

image.png

由于模拟器无奈获与微信平台上的 ext.json 文件。所以须要原人创立一个 ext.json 文件，放正在名目根目录dist下。那样正在模拟器启动时，就可以通过 wx.getExtConfigSync 办法获与此中的内容啦

微信三方平台：上文所有内容，文档中均有具体注明！