怎么開發(fā)小程序插件-創(chuàng)新互聯(lián)

這篇文章主要介紹怎么開發(fā)小程序插件，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

成都創(chuàng)新互聯(lián)公司是專業(yè)的泰州網(wǎng)站建設(shè)公司，泰州接單;提供做網(wǎng)站、成都網(wǎng)站制作,網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行泰州網(wǎng)站開發(fā)網(wǎng)頁(yè)制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來(lái)合作!

近期，微信小程序發(fā)布了重大功能更新，支持插件的使用和開發(fā)。消息一出，小程序開發(fā)者蜂擁而至，開始專研插件開發(fā)，不久后會(huì)有一批優(yōu)質(zhì)服務(wù)的插件上線是可以預(yù)見的。從開發(fā)者的角度來(lái)看，最關(guān)心的問(wèn)題是怎么開發(fā)微信小程序插件，首先需要對(duì)小程序插件了解。

什么是微信小程序插件？

插件一組由js和自定義組件封裝的代碼庫(kù)，插件無(wú)法單獨(dú)使用、也無(wú)法預(yù)覽，必須被其他小程序應(yīng)用嵌入，才能使用。它和NPM的依賴、Maven的依賴庫(kù)是一個(gè)道理。

不過(guò)，插件和NPM、Maven依賴管理不同的是：插件擁有獨(dú)立的API接口和域名列表，不被小程序本身的域名列表限制。（NPM依賴進(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ù)。

如何開發(fā)微信小程序插件？

下載新的微信小程序開發(fā)者工具，打開開發(fā)者工具，進(jìn)入小程序項(xiàng)目。

點(diǎn)擊，右下角的 “創(chuàng)建” 按鈕，就可以創(chuàng)建插件了，

插件的AppId和之前的微信小程序的AppId是同個(gè)道理，需要在微信開發(fā)者后臺(tái)新建一個(gè)微信小程序插件：

微信小程序插件的名稱也必須是獨(dú)一無(wú)二的，申請(qǐng)完畢后就可以獲得插件的AppId了。填寫名稱和插件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è)試編寫的插件

pluginRoot：插件相關(guān)代碼所在的根目錄

compileType：項(xiàng)目的編譯類型，必須配置為 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ú)法使用。

做好以上配置后，就可以開始在 plugin/components 編寫組件代碼了。

代碼編寫完畢后，注意在 plugin/plugin.json 文件配置。配置好后，我就可以上傳插件代碼到騰訊服務(wù)器，進(jìn)入微信小程序開發(fā)者后臺(tái)提交審核，騰訊審核通過(guò)后，第三方小程序就可以使用我們編寫的這個(gè)插件了。

如何使用第三方插件

使用第三方插件之前，需要進(jìn)入微信小程序開發(fā)者后臺(tái)，在第三方服務(wù)里添加插件：

填寫第三方插件的AppId，點(diǎn)擊添加按鈕，對(duì)方賬號(hào)的 小程序插件 > 申請(qǐng)管理 會(huì)出現(xiàn)你的申請(qǐng)，

需要第三方同意你的申請(qǐng)后，你就可以開始使用第三方插件了。

使用第三方插件的時(shí)候，需要在 我們自己的小程序的 app.json 做如下配置：

{
  pages: [
    pages/index/index
  ],
  plugins: {
    myPlugin: {
      version: dev,
      provider: 填寫申請(qǐng)通過(guò)的插件AppId
    }
 }
}

plugins： 配置的要使用的第三方插件列表。

插件列表配置好后，由于每個(gè)插件可能會(huì)有多個(gè)組件，所以需要我們?cè)诿總€(gè)頁(yè)面定義要使用到的組件，例如，在 index.js 中要使用 hgPlayer 這個(gè)組件，需要在 index.json 配置。配置好 index.json 后，就可以在 index.wxml 直接使用了。

以上是“怎么開發(fā)小程序插件”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

當(dāng)前名稱：怎么開發(fā)小程序插件-創(chuàng)新互聯(lián)
文章地址：http://www.jbt999.com/article8/doohip.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供ChatGPT、企業(yè)網(wǎng)站制作、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站改版、面包屑導(dǎo)航、全網(wǎng)營(yíng)銷推廣

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：[email protected]。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)