如何開(kāi)發(fā)小程序插件？下面本篇文章給大家介紹一下微信小程序的開(kāi)發(fā)使用教程。
有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對(duì)大家有所幫助。
近期，微信小程序發(fā)布了重大功能更新，支持插件的使用和開(kāi)發(fā)。
消息一出，小程序開(kāi)發(fā)者蜂擁而至，開(kāi)始專(zhuān)研插件開(kāi)發(fā)，不久后會(huì)有一批優(yōu)質(zhì)服務(wù)的插件上線是可以預(yù)見(jiàn)的。
從開(kāi)發(fā)者的角度來(lái)看，最關(guān)心的問(wèn)題是怎么開(kāi)發(fā)微信小程序插件，首先需要對(duì)小程序插件了解。
什么是微信小程序插件？插件一組由js和自定義組件封裝的代碼庫(kù)，插件無(wú)法單獨(dú)使用、也無(wú)法預(yù)覽，必須被其他小程序應(yīng)用嵌入，才能使用。
它和NPM的依賴(lài)、Maven的依賴(lài)庫(kù)是一個(gè)道理。
不過(guò)，插件和NPM、Maven依賴(lài)管理不同的是：
插件擁有獨(dú)立的API接口和域名列表，不被小程序本身的域名列表限制。
（NPM依賴(lài)進(jìn)來(lái)的庫(kù)不能進(jìn)行第三方數(shù)據(jù)請(qǐng)求）；插件必須由騰訊審核通過(guò)才能使用（NPM無(wú)需騰訊審核）；使用第三方插件必須向第三方申請(qǐng)（通過(guò)NPM使用第三方庫(kù)無(wú)需向第三方申請(qǐng)）。
所以在未來(lái)，插件或許會(huì)被第三方打包成為服務(wù)，而不僅僅只是一個(gè)代碼庫(kù)。
如何開(kāi)發(fā)微信小程序插件？下載最新的微信小程序開(kāi)發(fā)者工具，打開(kāi)開(kāi)發(fā)者工具，進(jìn)入小程序項(xiàng)目。
點(diǎn)擊，右下角的 “創(chuàng)建” 按鈕，就可以創(chuàng)建插件了，插件的AppId和之前的微信小程序的AppId是同個(gè)道理，需要在微信開(kāi)發(fā)者后臺(tái)新建一個(gè)微信小程序插件：
微信小程序插件的名稱(chēng)也必須是獨(dú)一無(wú)二的，申請(qǐng)完畢后就可以獲得插件的AppId了。
填寫(xiě)名稱(chēng)和插件AppID后，就可以進(jìn)入小程序項(xiàng)目。
在文件 project.config.json 中，我們看到代碼如下：
{
miniprogramRoot:./miniprogram, pluginRoot:./plugin, compileType:plugin, setting: {
newFeature: true }
, appid: ....., projectname:videoPlayer, condition: {
}
}
miniprogramRoot：
配置小程序的根目錄，可以使用小程序來(lái)測(cè)試編寫(xiě)的插件pluginRoot：
插件相關(guān)代碼所在的根目錄compileType：
項(xiàng)目的編譯類(lèi)型，必須配置為 plugin，在上傳代碼的時(shí)候才會(huì)以插件的方式上傳到騰訊服務(wù)器。
在 plugin/plugin.json 文件中，代碼如下：
{
publicComponents: {
hgPlayer:components/player/player }
, main: index.js }
publicComponents：
配置的是插件可以給使用的小程序提供哪些組件，一個(gè)插件可以定義很多個(gè)組件，組件和組件之間相互引用，但是小程序只能使用在publicComponents里配置的組件。
main：
定義入口文件，在入口文件 index.js 中定義小程序可以使用插件的那些接口。
在 plugin/index.js 文件中，代碼如下：
var data =require('
./api/data.js'
) module.exports= {
getData: data.getData, setData: data.setData }
在 plugin/index.js 定義了對(duì)外拋出接口為 getData 和 setData，小程序在使用這個(gè)插件的時(shí)候，只能使用到插件提供的這兩個(gè)接口，插件的其他接口（或方法）小程序無(wú)法使用。
做好以上配置后，就可以開(kāi)始在 plugin/components 編寫(xiě)組件代碼了。
代碼編寫(xiě)完畢后，注意在 plugin/plugin.json 文件配置。
配置好后，我就可以上傳插件代碼到騰訊服務(wù)器，進(jìn)入微信小程序開(kāi)發(fā)者后臺(tái)提交審核，騰訊審核通過(guò)后，第三方小程序就可以使用我們編寫(xiě)的這個(gè)插件了。
如何使用第三方插件使用第三方插件之前，需要進(jìn)入微信小程序開(kāi)發(fā)者后臺(tái)，在第三方服務(wù)里添加插件：
填寫(xiě)第三方插件的AppId，點(diǎn)擊添加按鈕，對(duì)方賬號(hào)的 小程序插件 > 申請(qǐng)管理 會(huì)出現(xiàn)你的申請(qǐng)，需要第三方同意你的申請(qǐng)后，你就可以開(kāi)始使用第三方插件了。
使用第三方插件的時(shí)候，需要在 我們自己的小程序的 app.json 做如下配置：
{
pages: [ pages/index/index ], plugins: {
myPlugin: {
version: dev, provider: 填寫(xiě)申請(qǐng)通過(guò)的插件AppId }
}
}
plugins：
配置的要使用的第三方插件列表。
插件列表配置好后，由于每個(gè)插件可能會(huì)有多個(gè)組件，所以需要我們?cè)诿總€(gè)頁(yè)面定義要使用到的組件，例如，在 index.js 中要使用 hgPlayer 這個(gè)組件，需要在 index.json 配置。
配置好 index.json 后，就可以在 index.wxml 直接使用了。
推薦：
《小程序開(kāi)發(fā)教程》以上就是如何開(kāi)發(fā)小程序插件？的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
微信
分享相關(guān)標(biāo)簽：
小程序 插件本文轉(zhuǎn)載于：
即速資訊，如有侵犯，請(qǐng)聯(lián)系[email protected]刪除
上一篇：
小程序如何實(shí)現(xiàn)分頁(yè)加載數(shù)據(jù)功能？
下一篇：
小程序如何接入和維護(hù)微信登錄態(tài)？相關(guān)文章相關(guān)視頻如何關(guān)閉微信小程序的聲音微信小程序不能分享朋友圈嗎如何開(kāi)發(fā)一個(gè)音樂(lè)播放器小程序？怎么禁止微信小程序的游戲如何開(kāi)發(fā)小程序插件？（歐陽(yáng)克）微信小程序與CMS后臺(tái)登錄小程序中心認(rèn)識(shí)小程序的目錄結(jié)構(gòu) [溫州做小程序]