應(yīng)該大家都看到了昨天開發(fā)者工具又有更新了，點進(jìn)去看到激動人心的這兩行，小程序插件。
image.png
作為一個喝粥吃飯都是靠小程序來養(yǎng)活的代碼汪，必須第一時間趕緊去看看。
那就說下怎么創(chuàng)建一個插件的項目：
1、首先，你得先把開發(fā)者工具更新到最新的版本（1.02.1803130），然后按照文檔來說的，正常創(chuàng)建個空文件夾，選中建立插件模板
![]()
image.png
image.png
2、建立了快速模板之后，會自動生成一個插件包的~生成的文件結(jié)構(gòu)是下面圖的那樣，其他都默認(rèn)行了，你需要修改的是紅色框的這一塊，直接在模板本身修改就可以。
image.png
快速啟動模板說明：
1、miniprogram 文件夾是一個普通小程序項目，用來編寫小程序插件的使用 Demo，上傳插件代碼時這個 Demo 會一起上傳，并作為小程序插件的發(fā)布的審核依據(jù).
2、plugin 文件就是小程序插件項目，用來編寫小程序插件的代碼。
3、project.config.json 需要關(guān)注 compileType 字段，compileType == 'plugin' 時才能正常的使用插件項目。
3、 components/list/list.wxml，插件的結(jié)構(gòu)可以在這里面寫
image.png
4、 components/list/list.js，插件的js同樣，在這里寫
image.png
5、插件的配置文件 components/plugin.json
{
"publicComponents": {
"list": "components/list/list"
},
"main": "index.js"
}
6、最后是上傳
image.png
接下來就是怎么去使用插件
1、在小程序后臺，在“設(shè)置-第三方服務(wù)-添加插件”通過appid查找插件去申請使用。
image.png
2、開發(fā)者通過申請之后才可以使用。然后可以在小程序的項目里面app.json里面引用聲明需要使用的插件
{
"pages": [
"pages/index/index"
],
"plugins": {
"myPlugin": {
"version": "1.0.0", //插件版本號
"provider": "wxc203867c245acd4b" //插件appid
}
}
}
注：多個插件的話，都需要配置版本號和appid
3、使用js接口：引用了插件之后，就可以在小程序的頁面js中使用插件提供的js 接口。
var plugin = requirePlugin("myPlugin")
plugin.getSystem() //這里是插件里面exports出來的函數(shù)
4、使用插件的組件：在頁面對應(yīng)的json文件中定義需要用的組件(和自定義組件的引用方式差不多，使用 plugin:// 協(xié)議就可以了)
{
"usingComponents": {
"list": "plugin://myPlugin/list"
}
}
image.png
