微信小程序插件
介紹
微信小程序插件是對一組js接口，自定義組件或頁面的封裝，用來嵌入微信小程序中，用來被開發者調用。
微信小程序必須嵌入到其他程序中才能使用。
插件具有獨立的api，域名列表。
開始
創建插件項目
完成以後界面如下
創建完成以後目錄如下
- pluggin // 插件目錄，存放插件代碼 - miniprogram // 放置小程序目錄，用於存放代碼 - doc // 用於存放說明文檔
插件的目錄結構
示例的文件目錄如下所示
說明，在上方的目錄結構中，plugin爲插件目錄，api文件夾下的data.js爲導出的接口。list爲插件的組件，index.js爲插件的js文件，plugin.json爲插件的配置文件。
plugin.json
此文件爲該插件的配置文件，向第三方開放的組件，頁面和js接口都在該文件裏
{
"publicComponents": {
"list": "components/list/list"
},
"main": "index.js"
}獲取用戶信息，發起支付可以在獲取插件功能頁中獲取並使用。
插件開發
自定義組件
插件可以使用自定義組件。自定義組件的目錄在components。創建自定義組件需要四個文件，wxml，wxss，js，json四個文件，還需要在plugin.json文件下的publicComponents對象中，添加該組件的名稱，以及路徑。
頁面
頁面同樣具有四個文件，wxml，wxss，js，json四個文件構成，
同樣的頁面需要在json文件中的page文件中配置。
跳轉使用navigator組件進行跳轉。
接口
在module中的export中導出接口文件。
插件開發文檔
編寫doc下的readme.md文件
文檔中的鏈接只能鏈接到
- github
- 微信開發者社區
- 微信開發者平臺
使用插件
添加插件
登錄後臺，添加插件
目前添加的插件爲知曉雲的sdk插件
知曉雲 https://cloud.minapp.com 具有插件市場，以及小程序市場，是滴，之前瞭解過知曉雲。使用知曉雲，可以快速的實現消息的轉發，對上傳的圖片進行鑑黃，以及裁剪等操作。還有關於node.js的雲函數功能，能實現關於微信支付，郵件，模板消息，網絡請求，圖片鑑黃，還提供運營後臺的api，能實現包括，對用戶的授權認證，內容模塊的操作，以及文件模塊，用戶模塊的操作，以及知曉雲的開放api，以及開放了一個url作圖功能 http://support.minapp.com/hc/kb/article/1082737/ 對於這個功能來說，我還是比較喜歡的，灰常簡單，直接調用接口即可。完成了圖片的處理，對於圖片的處理來說，直接在另一端處理，簡化了開發。並且知曉雲還提供了一個基於微信小程序的富文本編輯器，完成對富文本的處理 github 地址 https://github.com/ifanrx/wxParser 簡化了微信小程序的開發
目前正在使用的授權的第三方平臺有，知曉雲，騰訊雲，插件有知曉雲sdk
下面將以知曉雲sdk作爲實例
知曉雲文檔 https://doc.minapp.com/
知曉雲
創建 企業，創建應用，進行公衆號授權
創建完成以後頁面如下
接續去github上拉去知曉雲提供的dome
完成後效果如上所示
接着微信後臺完成服務器域名的配置
加入插件的引用聲明
加入如下的內容
"plugins": {
"sdkPlugin": {
"version": "1.7.0",
"provider": "wxc6b86e382a1e3294"
}
}在app.js文件中完成初始化操作
登錄 https://cloud.minapp.com/dashboard/#/app/settings/app/
獲取ClientID 進行初始化操作
//app.js
App({
onLaunch: function() {
let that = this
// 引入 BaaS SDK
require('./utils/sdk-v1.4.0')
let clientId = this.globalData.clientId
wx.BaaS.init(clientId)
},
globalData: {
clientId: '*****************', // 從 BaaS 後臺獲取 ClientID
tableId: null, // 從 https://cloud.minapp.com/dashboard/ 管理後臺的數據表中獲取
}
})創建數據表
數據表的crud操作
// pages/hello/hello.js
Page({
/**
* 頁面的初始數據
*/
data: {
creatingBookName: '',
},
/**
* 綁定添加書目的提交按鈕點擊事件，向服務器發送數據
**/
createBook: (e) => {
let bookName = this.data.creatingBookname; // 緩存在data對象中的輸入的書名
let tableID = '1'; // 從後臺獲取到的對應數據表的id
let Books = new wx.Baas.TableObject(tableID); // 實例化tableID的數據表對象
let book = Books.create(); // 創建一條記錄
// 調用創建數據項接口，對數據進行儲存
book.set({bookName})
book.save();
book.then(() => {
})
},
/**
* 生命週期函數--監聽頁面加載
*/
onLoad: function (options) {
},
/**
* 生命週期函數--監聽頁面初次渲染完成
*/
onReady: function () {
},
/**
* 生命週期函數--監聽頁面顯示
*/
onShow: function () {
},
/**
* 生命週期函數--監聽頁面隱藏
*/
onHide: function () {
},
/**
* 生命週期函數--監聽頁面卸載
*/
onUnload: function () {
},
/**
* 頁面相關事件處理函數--監聽用戶下拉動作
*/
onPullDownRefresh: function () {
},
/**
* 頁面上拉觸底事件的處理函數
*/
onReachBottom: function () {
},
/**
* 用戶點擊右上角分享
*/
onShareAppMessage: function () {
}
})大致如上所示。
至此，知曉雲瞭解到此結束。因爲有微信小程序雲開發了，並且也會node+express 或者koa框架，所以直接使用微信小程序雲開發即可，