一文解析淘宝小程序插件

1,723 阅读3分钟

一文解析淘宝小程序插件

写在前面

实习入职淘系满一个月了,参与了几个场景的建设,其中有淘宝小程序插件开发。以下是笔者对淘宝小程序插件(以下简称插件)的一些看法(结合官方文档,再加上笔者愚见)。

“插件”本身

​我们看到插件字眼,会联想到这是指某些扩展。 淘宝小程序插件就是对淘宝小程序服务能力的一种扩展,丰富了淘宝小程序的生态。

​插件是对一组自定义组件、页面或js接口的封装,插件不能独立运行,必须嵌入到小程序中才能使用。且小程序在使用插件时,也看不到插件代码。因此,插件适合用来封装自己的功能或服务,提供给小程序使用。与普通 js 文件或自定义组件相比,插件拥有更强的独立性,拥有独立的 API 接口、域名列表等,但同时会受到一些限制。插件的 api 权限校验独立于第三方小程序。

​插件的开发和小程序类似,插件开发者编写完插件并上传完毕,然后发布插件之后,小程序才可以使用此插件。而插件上架受到管控,需要后台审核,有效限制不良行为,控制插件质量。

​所以淘宝小程序插件的设计是集中式的管控,分布式的存在。

插件的原理

插件代码由一些自定义组件和 JS 代码文件构成,插件开发者在发布插件时,这些代码被上传到小程序平台保存起来。当小程序使用插件时,使用者填写插件的 AppID 和版本号,即可从后台获取相应的插件代码。小程序调用时,上传的插件代码会随小程序一起下载运行。

插件的获取和使用

在使用插件时可能会遇到一些坑,认真看官方文档可解

插件开发和上架

如果开发者拥有主流js框架开发经验(如react、vue),那只要结合API文档即可上手开发

插件的优势
  • 通用性的增强:淘宝小程序的插件是通用的,类目的资质要求降低,企业可以直接申请使用,实现服务共享。
  • 降低技术门槛:很多功能实现是不简单的,而这种复杂的服务实现(如日历、地图)被封装好了的话,开发者就可以直接调用,加上简单的基础代码,就能实现功能的开发,有效降低开发者的开发难度。
  • 节约开发成本:插件功能可以缩短小程序开发周期,节约研发成本,给小程序开发人员带来更多的灵活性。
其他
  • 插件的开发和使用自小程序基础库版本 1.18.0 开始支持。

  • 小程序框架会对小程序和其使用的每个插件进行数据安全隔离保护,保证它们之间不能窃取其他任何一方的数据。

  • 淘宝小程序插件支持移动端和PC端(仅 windows)

官方文档

miniapp.open.taobao.com/docV3.htm?d…