如何使用小程序插件

(本文主要是讲述如何使用小程序插件,而不是“联系我”插件,毕竟这个插件如此的鸡肋,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": "版本号",
				 "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都没问题。)

如何调试开发版插件

区别在于版本的配置:
1)插件上传,复制 开发版插件引用ID;
2)app.json 的插件的配置将版本参数改为: dev-+开发版插件引用ID

functional-page-navigator使用插件跳转到【找不到页面】

文档
注意
1)插件所有者小程序已发布
2)使用插件的小程序应有发布通过版本;

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 5
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值