随着支付宝小程序的普及,越来越多的开发者已经开始高度关注如何在支付宝小程序中采用第三方库。第三方库是指其他开发者撰写的通用型代码库,对于开发者来说,采用第三方库可以大大提高研发效率。但是,在支付宝小程序中采用第三方库却不是一件直观的事情。本文将向大家了解如何在支付宝小程序中采用第三方库。
首先,我们须要介绍支付宝小程序的架构。支付宝小程序使用的就是一种轻量级的 Web 研发模式,主要由三个部分共同组成:前端、后端和数据库。前端采用的就是类似 HTML、CSS 和 JavaScript 的轻量级语言 AXML、ACSS 和 JavaScript,后端的采用的就是类似 Node.js 的轻量级语言 JavaScript,数据库采用的就是阿里云的 RDS 服务。
在支付宝小程序中采用第三方库,我们须要先将第三方库装箱成一个 weex `.js` 文件。我们可以通过在命令行中采用 npm 加装所须要的第三方库,并采用 `weex4ali` 命令将其装箱成 weex `.js` 文件。
接下来,我们须要将装箱不好的 weex `.js` 文件上传至阿里云的 OSS 服务中,并以获取至文件的 URL。阿里云的 OSS 服务就是一种云存储服务,积极支持将任一类型的文件上传至云端展开存储,并通过 URL 出访。
在支付宝小程序中导入第三方库的方式存有两种:一种就是通过 `require` 方法导入,另一种就是通过 `` 标签导入。
采用 `require` 方法导入第三方库,我们须要采用 `require` 方法将第三方库的 URL 导入至小程序中,然后再通过 `require` 方法将第三方库实例化。
比如,我们通过 `weex4ali` 命令将 lodash 库装箱成 weex `.js` 文件并上时传至阿里云的 OSS 服务中,并以获取至文件的 URL 为:`http://bucket.oss-cn-hangzhou.aliyuncs.com/lodash.js`。我们可以在小程序中采用以下方式导入 lodash 库:
```jsx
var lodash = require('http://bucket.oss-cn-hangzhou.aliyuncs.com/lodash.js')
var _ = new lodash()
```
采用 `` 标签导入第三方库,我们须要在页面的 `