微信小程序第三方库（小程序引入第三方库）
华为云服务器特价优惠火热进行中！ 2核2G2兆仅需 38 元；4核4G3兆仅需 79 元。购买时间越长越优惠！更多配置及优惠价格请咨询客服。
合作流程： |
本篇文章给大家谈谈微信小程序第三方库，以及小程序引入第三方库对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。
微信号：cloud7591如需了解更多，欢迎添加客服微信咨询。
复制微信号
本文目录一览：
微信小程序api怎么promise化
默认情况下，小程序官方提供的异步API都是基于回调函数实现的，这样就容易造成回调地狱的问题，代码的可读性、维护性差。API Promise化，指的是通过额外的配置，将官方提供的、基于回调函数的异步 API，升级改造为基于 Promise 的异步 API，从而提高代码的可读性、维护性，避免回调地狱的问题。实现API Promise化主要依赖于miniprogram-api-promise这个第三方的州戚 npm 包。首先需要确认已经正确安装了node，使用的开发工具为微信官方的微伍谨信开发者工具。
在项目文件夹下对项目进行初始化，执行npm init -y 此时项目文件夹下会创建package.json文件。
执行npm i --save miniprogram-api-promise安装第三方包。此时会在项目根目录下创建node_modules文件夹。
选择 工具--构建npm 等待构建完成点击确定，此时会创建miniprogram_npm文件夹。
在入口文件app.js中按需引入。
import {promisifyAll} from "miniprogram-api-promise"
const wxp=wx.p={}
promisifyAll(wx,wxp)
然后就可以通过wx.p来调用promise化的api。举个例子在test.js文件中
async getTestData(){
const {data:res}=await wx.p.request({methods:'册橘陵GET',url: '', })
微信小程序引入第三方UI组件
需要引入第三方UI组件 Vant-Weapp
打开终端，输入cd 拖拽项目文件到终端，然后输入命令npm init
此时，输入package name名称，一直点辩芹源回车就行
出现Is this OK?(yes)，直接回车即可
在终端输入命令npm i vant-weapp -S --production
在回过头看，在微信小程序开发工具中会多一个文件package.json，携态在这里面就可以进行包的配置首颤。
这个时候可以在项目文件夹中看见一个新生成的文件夹miniprogram_npm，其中就有我们刚刚安装好的vant组件库
这里要注意，一定是将引入的第三方组件写入“usingComponents”的字典中，如果写成平级的话，会提示page.json [vant-button]无效
vant-button type="danger"微信登陆/vant-button
微信小程序使用npm安装库
第一步:创建package.json文件
第二步:安装第三方库
第三步:在微禅胡信开发者工具勾选使用npm!
第四步:将安装的库转化成微信贺吵拦小程序可以使用的包
点击导航栏工具-构建npm(构建成功会出现minprogram_npm)minprogram_npm
第碰歼五步:按第三方库要求使用
怎样使用微信小程序的第三方js库？
方法一：rpn.js：使用rpn.js实现eval函数功能
操作链接：网页链接
方法二：
（1）使用Underscore.js：操作链接：网页链接
（2）使用Immutable.js：操作链接：网页链接
（3）使用UUID、Base64、Chance：操作链接：网页链接
扩展微信小程序框架功能（1）——Promise
ES6 对 Promise 有了原生的支持，但微信开发者工具更新版本（0.11.112200）后, 移除了开发者工具对 ES6 中Promise 特性原生的支持, 需要引入第三方的 Promise 库。
扩展微信小程序框架功能（2）——Generator
Generator函数是ES6提供的一种异步编程解决方案，语法行为与传统函数完全不同。
扩展微信小程序框架功能（3）——函数功能增强
Underscore.js 和 Lodash 是最常用的JavaScript库。
扩展微信小程序框架功能（4）——Immutable.js
Immutable.js 是 Facebook 开发的不可变数据集合。Immutable
Data（不可变数据）一旦创建就不能被修改。通过使用Immutable
Data，可以更容易的处理缓存、回退、数据变化检测等问题，应用开发更简单。
扩展微信小程序框架功能（5）——Redux
Redux 是 JavaScript 状态容器，提供可预测化的状态管理。
扩展微信小程序框架功能（6）—日期时间
Moment.js是一个JavaScript的日期、时间处理工具类，其对于JavaScript的日期时间处理功能非常强悍和全面。可以用在浏览器环境中使用，也可以在Node.js中。
扩展微信小程序框架功能（7）——正则表达式
XRegExp 是一个开源的 JavaScript库，提供一个参数化、可扩展的支持各种浏览器的正则表达式的实现库，支持附加语法数纯、标志以及方法。
扩展微信小程序框架功能（8）—此握—Xml处理
x2js是一个 实现 XML 与 JavaScript 对象之间森毕庆相互转换的工具库。
扩展微信小程序框架功能（9）——加解密
node-uuid可以快速地生成符合规范 的 UUID。js-base64可以实现Base64编码和解码。crypto-js可以非常方便地在 JavaScript 进行加解密。
扩展微信小程序框架功能（10）——测试辅助
Chance是一个 JavaScript 随机数生成工具。Mock.js可以生成随机数据，拦截 Ajax 请求。
方法三：moment
操作链接：网页链接
微信小程序 第三方插件的使用
各种开发其实都是有插件的，之前我以为小程序没有，没想到后来又有了，昨天动手想集成两个插件试试，没想到一波三折，这里记录一下我踩的坑
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就好了。
这个真心没搞懂，因为这个错误是看心情出现的，一会儿好一会儿不好的，有点不稳定的样子，据说是降低调试基础库版本
这个也是看心情出现的（目前仍然是懵逼脸，不晓得是我错了，还是插件有问题）
微信小程序第三方库的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于小程序引入第三方库、微信小程序第三方库的信息别忘了在本站进行查找喔。
