解读微信第三方平台-代小程序开发

框架

浏览数:408

2019-8-21

简单介绍微信小程序服务商-第三方平台申请、测试以及全网发布相关流程。另外会着重例证成为第三方平台后前后端需要做哪些事情。

一. 第三方平台开发初体验

打开微信开放平台https://open.weixin.qq.com/cgi-bin/frame?t=home/wx_plugin_tmpl&lang=zh_CN。完成开发者资质认证后打开开发文档https://open.weixin.qq.com/cgi-bin/showdocument?action=dir_list&t=resource/res_list&verify=1&id=open1419318292&token=&lang=zh_CN

勾选第三方平台权限集

注: 消息管理权限集建议不要勾选,除非业务要求。 若勾选在申请全网发布资质时微信会对这一项基础逻辑进行检测。


image.png

全网发布以及为什么需要进行检测

顾名思义以为是只要发布一个小程序,那么所有的该模板下面的小程序都发布了。 NO!全网发布只是一种资质。通过审核后,第三方平台就可托管被授权的公众号/小程序,进行登录授权。第三方平台后端即可通过调api(核心接口:设置域名、设置分类、上传代码、绑定体验者、获取体验二维码、提交审核、发布)去对小程序进行自动化管理。

  1. 流程如下:

    image.png

  2. 登录授权发起页域名: 公众号/小程序开发发起授权等操作必须在此域名下。
    授权测试公众号列表 : 测试公众号/小程序的原始id(不是appid)。
    授权事件接收url : 此接口全限定名,用于接收微信官方推送的消息。如用户取消授权、组件ticket等。一个小时内会推送六次,程序须返回success响应。
    白名单ip地址列表: 不在此列的ip,无法调用微信相关接口。

    微信图片_20190507152003.png

微信图片_20190507152015.png

这里说明一下: 微信那边也有bug,一会说什么没有测试资源。其实看到这个图是已经检测通过了。强迫症可以再点一次。接下来就是前后端敲代码的事情了。

二. 慢慢明朗

如何注册小程序?

  1. 自主注册 : 小程序可以是授权方管理员自己去微信公众平台自己注册一个(若认证需要交300认证费),完善好分类后,把appid以及类目提供给第三方。 然后通过授权流程技术https://open.weixin.qq.com/cgi-bin/showdocument?action=dir_list&t=resource/res_list&verify=1&id=open1453779503&token=&lang=zh_CN授权给第三方。
  2. 第三方通过api接口快速注册 (有赞、微盟等小程序服务商就是例子): https://open.weixin.qq.com/cgi-bin/showdocument?action=dir_list&t=resource/res_list&verify=1&id=21538208049W8uwq&token=&lang=zh_CN,通过该接口创建小程序默认“已认证“且无需交300认证费。

为什么需要授权?

如果不进行授权,第三方是无法代开发的。 因为代小程序实现业务必须通过接口去实现,微信既然开放了[第三方平台开发]这一机制,其实就是希望把被代管的小程序的所有以前在普通小程序后台上看到的功能全部通过接口开放给第三方。 因为第三方有这个能力去开发并代管。
通过授权后,第三方后台可以获取到授权方小程序的接口调用令牌即authorizer_accesstoken。通过api接口快速创建小程序后,若注册成功,微信会推送注册审核事件给第三方后台,里面会包含appid以及auth_code(使用该授权码可以换取authorizer_accesstoken)等关键信息。
微信为第三方代小程序实现业务开放的主要接口如下:


image.png

小程序授权完成后,需要登录[小程序后台-设置-第三方授权管理 ]去绑定授权方小程序。
如下图:


微信图片_20190507162323.png

三. 前端小程序的变化

  1. 小程序这边引入了一个模板(小程序模板开发:https://developers.weixin.qq.com/miniprogram/dev/devtools/ext.html#%E5%B0%8F%E7%A8%8B%E5%BA%8F%E6%A8%A1%E6%9D%BF%E5%BC%80%E5%8F%91)的概念。 在开发测试阶段,前端这边还是跟开发普通小程序一样开发。

只是在授权登录的时候需要前端识别一些参数,然后带给后端。 该参数是第三方平台后台在【上传代码】的时候配置进小程序的。api请看:https://open.weixin.qq.com/cgi-bin/showdocument?action=dir_list&t=resource/res_list&verify=1&id=open1489140610_Uavc4&token=&lang=zh_CN。具体在参数ext_json.ext里面配置,可以是当前授权方小程序的appid,前端是可以直接获取到该自定义参数然后传给后端的。 安全起见,建议对该参数加密一下。
微信官方:为了便于第三方平台使用同一个小程序模版为不同的小程序提供服务,第三方可以将自定义信息放置在ext_json中,在模版小程序中,可以使用接口获取自定义信息,从而区分不同的小程序。

  1. 前端上传代码
    上传之后就是上传到开放平台的后台草稿箱部分,每一个开发者只有一个草稿。会自动覆盖上次,也就是说草稿箱最多只能保存10个,合适的版本就可以添加模板库了。模板库最多也只能添加50个。
    前端上传完成后,第三方平台可以在小程序后台看到,然后可以把草稿指定成模板。 然后就可以提交审核并发布了。

    image.png

四. 渐入佳境

令牌中控台

熟悉微信开发服务尿性的,都知道微信有个accessToken。 由于微信侧没有区分测试/正式环境,只是给调用方50个/天的accessToken的机会,用完了当天就不能再获取。 但是调用方这边是分了环境的,所以最好调用方这边准备一个中控台专门去获取token。

第三方平台也一样,但是本次有两个令牌:component_accesstoken以及authorizer_accesstoken。component_accesstoken是平台令牌,每次更新该令牌需要拿每10分钟一次微信推送过来的ticket去换的。虽然官方说是两小时有效,笔者测试发现当ticket有变化时需要去刷新令牌,否则使用旧的令牌微信方会报令牌已过期类错误信息。

authorizer_accesstoken是授权方小程序令牌,当小程序被授权后,第三方侧会获取到authcode即授权码,使用该authcode(10分钟内有效,过期后需要重新授权获取)去换取refresh_accesstoken.当授权方小程序令牌过期后需要使用refresh_accesstoken去重新获取。

授权流程技术解析

该流程适合于授权方已自主注册小程序,然后需要授权给第三方的情况。直接通过快速创建小程序接口注册的小程序不需要进行该操作。

https://open.weixin.qq.com/cgi-bin/showdocument?action=dir_list&t=resource/res_list&verify=1&id=open1453779503&token=&lang=zh_CN

image.png

五. 第三方后台小程序管理

反正我是把接口基本都实现了,开始也不知道哪些可以用。 按照微信给的api文档大多数都能调通。
第三方平台就到这里,还有不会的,请给我留言哦!或者去社区里面发帖。。。


image.png


image.png
730831a73bf56b8aa23ffaa1fb7264496368.gif

作者:互联网修真院