前不久，微信釋放了一個重磅新能力：微信小程序插件功能。有了它，小程序開發(fā)者就可以通過這個功能，強(qiáng)化自身小程序能力;小程序服務(wù)提供商也可以用它，為開發(fā)者、用戶提供強(qiáng)大的小程序功能支持，進(jìn)一步拓展小程序能力。如何從零開發(fā)一個插件呢?今天，小豬CMS就來手把手，教你如何從零開發(fā)一款微信小程序插件。

　　一、新建小程序插件：

　　新建插件的操作非常簡單。只需要在微信開發(fā)者工具中新建小程序項目，并選擇「建立插件快速啟動模板」即可，開發(fā)者工具就會自動創(chuàng)建插件項目。

　　需要注意的是，新建項目時，需要確保選擇的項目目錄是空目錄，否則不會顯示「建立插件快速啟動模板」選項。

　　二、小程序插件目錄結(jié)構(gòu)：

　　生成的項目結(jié)構(gòu)主要分為兩大塊，一個是 plugin，一個是 miniprogram。plugin 中放置我們插件的邏輯代碼，主要分為 api 和 components 兩個部分; miniprogram 中放置的是插件的使用示例或者測試示例。

　　三、小程序插件 API 接口開發(fā)

　　以寫一個返回「hello world!」的接口為例，我們可以在 plugin/api/data.js 中寫下如下代碼：

　　在 plugin/index.js 中將我們需要暴露出需要給插件使用者使用的接口：

　　然后在 plugin/plugin.json 的配置文件中，配置插件的入口，默認(rèn)如下：

　　{

　　"main": "index.js"

　　}

　　然后在 miniprogram 中使用該接口。如在 miniprogram/pages/index/index.js 中使用：

　　其中 myPlugin 為我們的插件名，微信默認(rèn)配置。

　　四、小程序插件組件開發(fā)：

　　同樣，以寫一個顯示 「hello world!」的組件為例，在 plugin/components 下新建一個 helloWorld 文件夾，點(diǎn)擊該文件夾，右鍵生成組件，與普通組件一樣，生成以下四個文件。

　　在 helloWorld.wxml 中編寫視圖代碼：

　　hello world!

　　同樣，在 pluginj/plugin.json 中配置需要暴露給插件使用者使用的組件：

　　在需要引用到該組件的頁面的配置文件中，做好配置即可，加入我們要在 index 頁面使用，則需要在 miniprogram/pages/index/index.json 中進(jìn)行如下配置：

　　然后再在 miniprogram/pages/index/index.wxml 中使用：

　　接下來，我們只需完整開發(fā)插件，然后選擇上傳，最后提交審核、發(fā)布，其他人就可以使用你的插件了。