如何使用小程序插件

(本文主要是講述如何使用小程序插件,而不是“聯繫我”插件,畢竟這個插件如此的雞肋,demo一出,老大就果斷拒絕了,orz)

uni-app使用小程序插件

  1. 在小程序公衆平臺中添加插件:設置->第三方設置
    在這裏插入圖片描述
  2. 引入插件
  • 在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"
			 }
		}
  1. 在將要使用該插件的頁面中引入組件
    在pages.json中:(這裏可在插件的詳情,開發文檔中看到引用路徑)
{
			"path": "pages/index/test",
			"style": {
				"navigationBarTitleText": "聯繫我",
				"usingComponents": {
					"cell": "plugin://contactPlugin/cell"
				}
			}
		},
  1. 頁面中使用組件
<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都沒問題。)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章