峰文鄉(xiāng)如何開發(fā)小程序插件?

閱讀 19911  ·  發(fā)布日期 2020-08-24 17:26  ·  溫州優(yōu)光網絡科技有限公司|建站|APP小程序制作|做網站SEO推廣優(yōu)化
【摘要】 如何開發(fā)小程序插件?下面本篇文章給大家介紹一下微信小程序的開發(fā)使用教程。有一定的參考價值,有需要的朋友可以參考一下,希望對大家有所幫助。近期,微信小程序發(fā)布了重大功能更新,支持插件的使用和開發(fā)。消息一出,小程序開發(fā)者蜂擁而至,開始專研插件開發(fā),不久后會有一批優(yōu)質服務的插件上線是可以預見的。從開發(fā)者的角度來看,最關心的問... 【溫州小程序開發(fā),溫州微信公眾號,平陽做網站,平陽網站建設公司,平陽小程序商城制作,昆陽萬全做網站,鰲江水頭小程序,蕭江騰蛟微信公眾號,山門順溪南雁海西南麂鳳臥麻步懷溪網絡網店服務,政采云網店管理服務】...

如何開發(fā)小程序插件?

如何開發(fā)小程序插件?下面本篇文章給大家介紹一下微信小程序的開發(fā)使用教程。
有一定的參考價值,有需要的朋友可以參考一下,希望對大家有所幫助。
近期,微信小程序發(fā)布了重大功能更新,支持插件的使用和開發(fā)。
消息一出,小程序開發(fā)者蜂擁而至,開始專研插件開發(fā),不久后會有一批優(yōu)質服務的插件上線是可以預見的。
從開發(fā)者的角度來看,最關心的問題是怎么開發(fā)微信小程序插件,首先需要對小程序插件了解。
什么是微信小程序插件?插件一組由js和自定義組件封裝的代碼庫,插件無法單獨使用、也無法預覽,必須被其他小程序應用嵌入,才能使用。
它和NPM的依賴、Maven的依賴庫是一個道理。
不過,插件和NPM、Maven依賴管理不同的是:
插件擁有獨立的API接口和域名列表,不被小程序本身的域名列表限制。
(NPM依賴進來的庫不能進行第三方數(shù)據(jù)請求);插件必須由騰訊審核通過才能使用(NPM無需騰訊審核);使用第三方插件必須向第三方申請(通過NPM使用第三方庫無需向第三方申請)。
所以在未來,插件或許會被第三方打包成為服務,而不僅僅只是一個代碼庫。
如何開發(fā)微信小程序插件?下載最新的微信小程序開發(fā)者工具,打開開發(fā)者工具,進入小程序項目。
點擊,右下角的 “創(chuàng)建” 按鈕,就可以創(chuàng)建插件了,插件的AppId和之前的微信小程序的AppId是同個道理,需要在微信開發(fā)者后臺新建一個微信小程序插件:
微信小程序插件的名稱也必須是獨一無二的,申請完畢后就可以獲得插件的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 文件配置。
配置好后,我就可以上傳插件代碼到騰訊服務器,進入微信小程序開發(fā)者后臺提交審核,騰訊審核通過后,第三方小程序就可以使用我們編寫的這個插件了。
如何使用第三方插件使用第三方插件之前,需要進入微信小程序開發(fā)者后臺,在第三方服務里添加插件:
填寫第三方插件的AppId,點擊添加按鈕,對方賬號的 小程序插件 > 申請管理 會出現(xiàn)你的申請,需要第三方同意你的申請后,你就可以開始使用第三方插件了。
使用第三方插件的時候,需要在 我們自己的小程序的 app.json 做如下配置:
{
pages: [ pages/index/index ], plugins: {
myPlugin: {
version: dev, provider: 填寫申請通過的插件AppId }
}
}
plugins:
配置的要使用的第三方插件列表。
插件列表配置好后,由于每個插件可能會有多個組件,所以需要我們在每個頁面定義要使用到的組件,例如,在 index.js 中要使用 hgPlayer 這個組件,需要在 index.json 配置。
配置好 index.json 后,就可以在 index.wxml 直接使用了。
推薦:
《小程序開發(fā)教程》以上就是如何開發(fā)小程序插件?的詳細內容,更多請關注php中文網其它相關文章!
微信
分享相關標簽:
小程序 插件本文轉載于:
即速資訊,如有侵犯,請聯(lián)系[email protected]刪除
上一篇:
小程序如何實現(xiàn)分頁加載數(shù)據(jù)功能?
下一篇:
小程序如何接入和維護微信登錄態(tài)?相關文章相關視頻如何關閉微信小程序的聲音微信小程序不能分享朋友圈嗎如何開發(fā)一個音樂播放器小程序?怎么禁止微信小程序的游戲如何開發(fā)小程序插件?(歐陽克)微信小程序與CMS后臺登錄小程序中心認識小程序的目錄結構 [溫州做小程序]