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

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

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

注意最多只能添加5个哦

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

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

3、在app.json中添加插件

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

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

在app.json中添加相关信息

而provider即AppID，version即版本号

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

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

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

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

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

6、查看效果

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

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

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

小程序js中引入组件如一下步骤：

1、准备好外部想要引入的外部文件，命名为util.js，并且填充固定的文件内容（一般是固定的库）。

2、打开util.js，继续填写重要内容将要使用的方法用module.exports给暴露出来。

3、将外部js放在指定的文件夹utils里（utils规定存放js库和数字格式化文件）。

4、在想要用到这个方法的js里面require这个js，然后调用即可。

用过 npm 的小伙伴肯定很熟悉 node_modules，但是「微信开发工具」是不认 node_modules 的 , 它认的是 miniprogram_npm； 而 miniprogram_npm 是通过 node_modules 转出来的， 它是通过「微信开发工具」的 “工具” ->“构建 npm” 生成出来的。

具体步骤如下：

1、 npm init

这里会产生 package.json 的配置文件

2、 npm install ** --p --s

安装需要的包，这里会产生 node_modules

3、「微信开发工具」走一遍 “工具” ->“构建 npm”

这里会产生 miniprogram_npm

4、「微信开发工具」的本地配置中 “使用 npm 模块” 勾上

5、使用包

引入的组件可以有第三方组件和 js 工具

1、 按照步骤安装库同时走一遍 “工具” ->“构建 npm”，产生\miniprogram_npm\weui-miniprogra

npm install weui-miniprogram --p --s

2、 在 app.wxss 引入全局样式

3、在需要使用的页面中引入控件和使用，

譬如 pages/index/index.json，然后就可以在 index.wxml

1、 按照步骤安装库同时走一遍 “工具” ->“构建 npm”，产生\miniprogram_npm\js-base64

npm install js-base64 --p --s

2、在 *.js 文件中用 require 或者 import 引入，然后使用

---