微信小程序 第三方插件的使用

前言

各种开发其实都是有插件的，之前我以为小程序没有，没想到后来又有了，昨天动手想集成两个插件试试，没想到一波三折，这里记录一下我踩的坑

要有appid的小程序才能接入插件哦，体验的不行的

集成过程

1、在微信公众平台后台，登录，设置-第三方服务-添加插件。这里以添加"极点日历"为例

image

注意最多只能添加5个哦

image

2、搜索你要的插件，并添加

image image

添加成功后，就可以在插件管理下面看到你添加的插件了

image

3、在app.json中添加插件

image

这里的插件名可以自己随意取

这里以tx-map为例，参考它的文档

image

在app.json中添加相关信息

image

而provider即AppID，version即版本号

image

在项目中具体怎么使用，要看开发文档，而开发文档我发现有些插件有，有些插件并没有，反正自己多查查吧

image

4、在目标页面的json文件里引用该插件

image

注意这里的tx-map即在app.json取的那个名字，而map-route也可以自己取，这里取啥，到时候wxml里用的组件就是这个名字

image

5、在目标页面的wxml文件里使用该插件

image

如果要使用插件的 js 接口的话，在js里，使用requirePlugin(在app.json里命名的插件的名字)，就能获得插件对象，比如：

let plugin = requirePlugin("tx-map")

6、查看效果

image

一些问题

• 插件未授权使用
• Cannot read property 'version' of undefined TypeError:Cannot read property 'version' of undefined
• 出错了！

插件未授权使用

image

这个你可以尝试调整你的调试基础库版本，我之前是1.9.1，调整到2.1.1就好了。

image

Cannot read property 'version' of undefined TypeError:Cannot read property 'version' of undefined

image

这个真心没搞懂，因为这个错误是看心情出现的，一会儿好一会儿不好的，有点不稳定的样子，据说是降低调试基础库版本

出错了！

image

这个也是看心情出现的（目前仍然是懵逼脸，不晓得是我错了，还是插件有问题）