插件功能页从小程序基础库版本 2.1.0 开始支持。
某些接口不能在插件中直接调用(如 wx.login),但插件开发者可以使用插件功能页的方式来实现功能。目前,插件功能页包括:
- 获取用户信息,包括
openid
和昵称等(相当于 wx.login 和 wx.getUserInfo 的功能),详见 用户信息功能页; - 支付(相当于 wx.requestPayment),详见 支付功能页;
从基础库版本 2.16.1 起,以下三个功能页已经废弃,可以直接调用对应接口实现功能;原有和新使用的 <functional-page-navigator>
在点击后将不会跳到功能页,而是直接生效:
- 收货地址功能页(直接使用 wx.chooseAddress)
- 发票抬头功能页(直接使用 wx.chooseInvoiceTitle)
- 发票功能页(直接使用 wx.chooseInvoice)
要使用插件功能页,需要先激活功能页特性,配置对应的功能页函数,再使用 functional-page-navigator 组件跳转到插件功能页,从而实现对应的功能。详情请参考下文。
使用插件功能页前,需要确定插件已经 开通,否则可能出现 functional-page-navigator
点击后无响应等情况
# 插件所有者小程序
开始开发之前,我们需要知道,插件功能页是指 插件所有者小程序 中的一个特殊页面。
插件所有者小程序,指的是与插件 AppID 相同的小程序。例如,“小程序示例”小程序开发了一个“小程序示例插件”,那么无论这个插件被哪个小程序使用,这个插件的 插件所有者小程序 都是“小程序示例”。下文中会继续使用 插件所有者小程序 这个说法。
# 插件所有者小程序开发方法
通常,在开始使用插件功能页的时候,需要开启两个开发者工具窗口,其中一个打开插件项目,另一个打开插件所有者小程序的小程序项目。例如,一个打开“小程序示例插件”项目,另一个打开“小程序示例”项目。
这两个窗口,前者用于编辑插件,后者用于编辑插件所有者小程序。下文中所有需要编辑插件所有者小程序的内容,都是在后者中进行。
# 如何正确编辑插件所有者小程序?
- 应该在开发者工具的“小程序”类型项目中编辑,而不是在“插件”类型的项目中编辑。比如,“小程序示例插件”的所有者小程序是“小程序示例”,它们的 AppID 都是
wxidxxxxxxxxxxxxxx
,如果是初次开发“小程序示例”小程序,可以在开发者工具中创建一个小程序项目,其 AppID 为wxidxxxxxxxxxxxxxx
;如果之前开发过“小程序示例”小程序,直接打开之前的小程序项目即可。
# 点击 functional-page-navigator 之后没有任何反应。
- 请检查引用插件的小程序和插件本身是不是同一个 AppID ,如果是,跳转到自己的功能页需要基础库 2.4.0 支持,否则使用 functional-page-navigator 不会有任何反应。
# 点击 functional-page-navigator 之后,展示了一个页面提示“页面不存在”。
- 这种情况是因为插件所有者小程序没有正确设置
"functionalPages": true
。如果functional-page-navigator
的version="develop"
,这部手机需要扫码并进入插件所有者小程序一次;如果version="release"
,请确保包含"functionalPages": true
的插件所有者小程序已被发布。
# 点击 <functional-page-navigator version="develop">
之后,弹窗提示“小程序开发版已过期”。
- 遇到这种情况,重新扫码并进入插件所有者小程序一次即可。
# 点击 <functional-page-navigator name="requestPayment">
之后,展示了一个页面提示“该功能无法使用”。
- 在使用插件功能页时,小程序不能是个人小程序,同时,插件也需要额外的步骤申请开通插件支付权限(位于 管理后台 -> 小程序插件 -> 基本设置 -> 支付能力 )。
# 点击 <functional-page-navigator name="requestPayment">
之后,点击页面中的“支付”按钮,立刻退出了支付功能页。
- 这通常是因为没有找到功能页函数
beforeRequestPayment
,请检查插件所有者小程序的functional-pages/request-payment.js
文件和其中的beforeRequestPayment
函数是否存在。
# 点击 functional-page-navigator 之后,展示了一个仅有返回按钮的页面。
- 请检查 functional-page-navigator 的
name
属性是否被正确设置。
# 开发版可以正常跳转,但审核反馈不能跳转。
- 请发布设置了
"functionalPages": true
的插件所有者小程序,且所有的functional-page-navigator
组件属性设置为version="release"
。