小程式外掛的開發和使用

應該大家都看到了昨天開發者工具又有更新了，點進去看到激動人心的這兩行，小程式外掛。

作為一個喝粥吃飯都是靠小程式來養活的程式碼汪，必須第一時間趕緊去看看。

那就說下怎麼建立一個外掛的專案：

1、首先，你得先把開發者工具更新到最新的版本（1.02.1803130），然後按照文件來說的，正常建立個空資料夾，選中建立外掛模板

2、建立了快速模板之後，會自動生成一個外掛包的~生成的檔案結構是下面圖的那樣，其他都預設行了，你需要修改的是紅色框的這一塊，直接在模板本身修改就可以。

快速啟動模板說明：
1、miniprogram 資料夾是一個普通小程式專案，用來編寫小程式外掛的使用 Demo，上傳外掛程式碼時這個 Demo 會一起上傳，並作為小程式外掛的釋出的稽核依據.
2、plugin 檔案就是小程式外掛專案，用來編寫小程式外掛的程式碼。
3、project.config.json 需要關注 compileType 欄位，compileType == 'plugin' 時才能正常的使用外掛專案。

3、 components/list/list.wxml，外掛的結構可以在這裡面寫

4、 components/list/list.js，外掛的js同樣，在這裡寫

5、外掛的配置檔案 components/plugin.json

{
  "publicComponents": {
    "list": "components/list/list"
  },
  "main": "index.js"
}

6、最後是上傳

接下來就是怎麼去使用外掛

1、在小程式後臺，在“設定-第三方服務-新增外掛”通過appid查詢外掛去申請使用。

2、開發者通過申請之後才可以使用。然後可以在小程式的專案裡面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出來的函式

4、使用外掛的元件：在頁面對應的json檔案中定義需要用的元件(和自定義元件的引用方式差不多，使用 plugin:// 協議就可以了)

{
  "usingComponents": {
    "list": "plugin://myPlugin/list"
  }
}

最後_{就介樣的使用，然後有錯的地方麻煩值出來我改哈}謝謝