【移动应用开发技术】怎么开发小程序插件

【移动应用开发技术】怎么开发小程序插件

这篇文章主要介绍怎么开发小程序插件，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！近期，微信小程序发布了重大功能更新，支持插件的使用和开发。消息一出，小程序开发者蜂拥而至，开始专研插件开发，不久后会有一批优质服务的插件上线是可以预见的。从开发者的角度来看，最关心的问题是怎么开发微信小程序插件，首先需要对小程序插件了解。什么是微信小程序插件？插件一组由js和自定义组件封装的代码库，插件无法单独使用、也无法预览，必须被其他小程序应用嵌入，才能使用。它和NPM的依赖、Maven的依赖库是一个道理。不过，插件和NPM、Maven依赖管理不同的是：插件拥有独立的API接口和域名列表，不被小程序本身的域名列表限制。（NPM依赖进来的库不能进行第三方数据请求）；插件必须由腾讯审核通过才能使用（NPM无需腾讯审核）；使用第三方插件必须向第三方申请（通过NPM使用第三方库无需向第三方申请）。所以在未来，插件或许会被第三方打包成为服务，而不仅仅只是一个代码库。如何开发微信小程序插件？下载最新的微信小程序开发者工具，打开开发者工具，进入小程序项目。点击，右下角的“创建”按钮，就可以创建插件了，插件的AppId和之前的微信小程序的AppId是同个道理，需要在微信开发者后台新建一个微信小程序插件：微信小程序插件的名称也必须是独一无二的，申请完毕后就可以获得插件的AppId了。填写名称和插件AppID后，就可以进入小程序项目。在文件project.config.json中，我们看到代码如下：{

miniprogramRoot:./miniprogram,

pluginRoot:./plugin,

compileType:plugin,

setting:

{

newFeature:

true

},

appid:

,

projectname:videoPlayer,

condition:

{}

}miniprogramRoot：配置小程序的根目录，可以使用小程序来测试编写的插件pluginRoot：插件相关代码所在的根目录compileType：项目的编译类型，必须配置为plugin，在上传代码的时候才会以插件的方式上传到腾讯服务器。在plugin/plugin.json文件中，代码如下：{

publicComponents:

{

hgPlayer:components/player/player

},

main:

index.js

}publicComponents：配置的是插件可以给使用的小程序提供哪些组件，一个插件可以定义很多个组件，组件和组件之间相互引用，但是小程序只能使用在publicComponents里配置的组件。main：定义入口文件，在入口文件index.js中定义小程序可以使用插件的那些接口。在plugin/index.js文件中，代码如下：var

data

=require(\'./api/data.js\')

module.exports=

{

getData:

data.getData,

setData:

data.setData

}在plugin/index.js定义了对外抛出接口为getData和setData，小程序在使用这个插件的时候，只能使用到插件提供的这两个接口，插件的其他接口（或方法）小程序无法使用。做好以上配置后，就可以开始在plugin/components编写组件代码了。代码编写完毕后，注意在plugin/plugin.json文件配置。配置好后，我就可以上传插件代码到腾讯服务器，进入微信小程序开发者后台提交审核，腾讯审核通过后，第三方小程序就可以使用我们编写的这个插件了。如何使用第三方插件使用第三方插件之前，需要进入微信小程序开发者后台，在第三方服务里添加插件：填写第三方插件的AppId，点击添加按钮，对方账号的小程序插件>申请管理会出现你的申请，需要第三方同意你的申请后，你就可以开始使用第三方插件了。使用第三方插件的时候，需要在我们自己的小程序的app.json做如下配置：{

pages:

[

pages/index/index

],

plugins:

{

myPlugin:

{

version:

dev,

provider:

填写申请通过的插件AppId

}

}

}plugins：配置的要使用的第三方插件列表。插件列表配置好后，由于每个插件可能会有多个组件，所以需要我们在每