(本文主要是講述如何使用小程序插件,而不是“聯繫我”插件,畢竟這個插件如此的雞肋,demo一出,老大就果斷拒絕了,orz)
uni-app使用小程序插件
- 在小程序公衆平臺中添加插件:設置->第三方設置
- 引入插件
- 在uni-app中,manifest.json配置:
/* 小程序特有相關 */
"mp-weixin" : {
"appid" : "小程序appID",
"setting" : {
"urlCheck" : true,
"minified" : false,
"postcss" : false,
"es6" : false
},
"usingComponents" : false,
"plugins": {
"contactPlugin": {
"version": "1.3.0",
"provider": "插件appID"
}
}
},
點擊插件詳情:
- 在原生中,在app.json配置
"plugins": {
"contactPlugin": {
"version": "1.3.0",
"provider": "插件appID"
}
}
- 在將要使用該插件的頁面中引入組件
在pages.json中:(這裏可在插件的詳情,開發文檔中看到引用路徑)
{
"path": "pages/index/test",
"style": {
"navigationBarTitleText": "聯繫我",
"usingComponents": {
"cell": "plugin://contactPlugin/cell"
}
}
},
- 頁面中使用組件
<cell @startmessage='startmessage' @completemessage="completemessage" plugid='企業微信管理後臺配置的客服ID'/>
...
startmessage(){
console.log('startmessage--start')
},
completemessage(){
console.log('completemessage--ok')
},
...
真機調試:
然後在微信的服務通知中收到信息。
至此,插件使用成功。
(關於基礎庫的要求,該插件使用2.9.5 2.10.4 2.11.1都沒問題。)