纵有疾风起
人生不言弃

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

前言

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

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

集成过程

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

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

注意最多只能添加5个哦

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

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

微信小程序 第三方插件的使用插图2
image
微信小程序 第三方插件的使用插图3
image

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

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

3、在app.json中添加插件

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

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

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

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

在app.json中添加相关信息

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

而provider即AppID,version即版本号

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

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

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

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

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

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

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

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

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

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

let plugin = requirePlugin("tx-map")

6、查看效果

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

一些问题

  • 插件未授权使用
  • Cannot read property ‘version’ of undefined TypeError:Cannot read property ‘version’ of undefined
  • 出错了!

插件未授权使用

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

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

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

Cannot read property ‘version’ of undefined TypeError:Cannot read property ‘version’ of undefined

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

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

出错了!

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

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

文章转载于:https://www.jianshu.com/p/de4003b06661

原著是一个有趣的人,若有侵权,请通知删除

未经允许不得转载:起风网 » 微信小程序 第三方插件的使用
分享到: 生成海报

评论 抢沙发

评论前必须登录!

立即登录