一、使用插件
1、在使用插件前,首先登录微信公众号平台,要在小程序管理后台的“设置-第三方服务-插件管理”中添加插件。开发者可登录小程序管理后台,通过 appid 查找插件并添加。如果插件无需申请,添加后可直接使用;否则需要申请并等待插件开发者通过后,方可在小程序中使用相应的插件。
2、在小程序 app.json 中配置, 小程序插件appid是 wx738958e0f4c894f9, 请使用最新稳定版本。
{
"plugins": {
"myPlugin": {
"version": "xxx",
"provider": "wx738958e0f4c894f9"
}
}
}
二、组件初始化
1、在pages/index.js中初始化
var plugin = requirePlugin("myPlugin");
Page({
onLoad() {
plugin.init({
sign: '89f2e9c3e59355809bd55c1faf285d3d86358ee1cd5b079bfa53ccd21bedd8c3a6f823b90d6d93f01be2e4386652a2d13f4356be7eeba8dd2158105f7bbaef5c', //必传,公司渠道唯一标识
token: '', //非必填
uid: '', //用户唯一标识,如果没有则不填写,默认为空
title: '', //非必填,如果未填写,默认获取配置标题
isRMB: '', //商品是否显示人民币¥,默认显示,false不显示
data: { //参数c1,c2,c3,c4,c5用于传递用户信息,参数d1,d2,d3,d4,d5用于传递商品信息,默认为空
c1: '',
c2: '',
c3: '',
c4: '',
c5: '',
d1: '', //商品描述
d2: '', //价格
d3: '', //原价格
d4: '', //展示商品图片链接
d5: '', //商品跳转链接
d6: '', //商品id
data: ''//加密串,非必填
},
viewUrl(res){ //需要跳转的链接,则需要配置一个web-view
if (res) {
wx.navigateTo({
url: '/pages/webview/index?href=' + res
})
}
},
setTitle(res){ //设置标题
if (res) {
wx.setNavigationBarTitle({
title: res
})
}
},
setBarColor(res) { //设置导航栏背景色
if (res) {
wx.setNavigationBarColor({
frontColor: '#ffffff',
backgroundColor: res
})
}
},
success(res){ //初始化成功时调用
if (res.data == 'success') {
console.log('success');
}
},
fail(res){ //初始化失败时调用
if (res.data == 'initError') {
console.log('initError');
}
},
leave(res){ //离开会话页面
if (res) {
console.log(res);
}
}
})
}
})
2、在组件内进行配置,在页面的配置json内进行配置,比如 pages/index/index.json
{
"usingComponents": {
"chat": "plugin://chatbot/chat"
}
}
3、使用组件
<view>
<chat></chat>
</view>