如何使用小程序插件

(本文主要是讲述如何使用小程序插件,而不是“联系我”插件,毕竟这个插件如此的鸡肋,demo一出,老大就果断拒绝了,orz)

uni-app使用小程序插件

  1. 在小程序公众平台中添加插件:设置->第三方设置
    如何使用小程序插件_第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"
			 }
		}
    },

点击插件详情:如何使用小程序插件_第2张图片

  • 在原生中,在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. 页面中使用组件

...
startmessage(){
				console.log('startmessage--start')
			},
			completemessage(){
				console.log('completemessage--ok')
			},
...

真机调试:
如何使用小程序插件_第3张图片
然后在微信的服务通知中收到信息。
如何使用小程序插件_第4张图片
至此,插件使用成功。
(关于基础库的要求,该插件使用2.9.5 2.10.4 2.11.1都没问题。)

你可能感兴趣的:(uni-app,小程序)