3 月 13 日小程序上線小程序插件功能,在此之後許多小程序開發者提交瞭插件等待審核,然而微信團隊對於此事十分嚴謹,一次次告知「代碼審核未通過」。
近幾日,在歷經重重「打擊」後,首批過審的插件終於誕生。
「知曉雲 SDK」與「騰訊地圖」插件無疑是其中的佼佼者,而這兩款插件也將作為本文的范例,從使用插件前後的對比、使用插件方式等幾個方面為大傢做一個簡單的介紹。同時,我們也將公開 AppID,方便大傢申請使用。
知曉雲是個好用、順手的小程序 BaaS (Backend As A Service)後端雲服務。
它免去瞭小程序開發中服務器搭建、域名備案、數據接口實現等繁瑣流程。讓你能專註於業務邏輯的實現,使用知曉雲開發小程序,門檻更低,效率更高。
以操作雲端數據表為例,在知曉雲控制臺創建一張圖書表 ( book ) ,引入知曉雲 SDK 後,在小程序中執行以下代碼,即可在數據表中添加一本書的記錄。
// 通過數據表名實例化一個 TableObject 對象,操作該對象即相當於操作對應的數據表 let Book = new wx.BaaS.TableObject ( ‘ book ’ ) let book = Book.create ( ) book.set ( {bookName: ' 我的第一本書 '} ) .save ( )
而如果是自己寫代碼完成整個功能,則需要自己購買服務器,安裝數據庫軟件和購買域名等等一系列工作。使用知曉雲後,便可以更專註於業務邏輯的實現瞭。
前不久微信小程序開放瞭小程序插件功能,知曉雲在第一時間就著手知曉雲 SDK 插件的開發,並成功通過瞭審核,「知曉雲 SDK」成為首批過審的小程序插件。
使用知曉雲 SDK 開發工具 � �
「知曉雲 SDK」插件與原來的開發工具提供瞭相同的功能,省去下載、引入 SDK 文件和配置服務器域名,在使用上更加便利。
原來需要在官網 https://cloud.minapp.com/ 下載知曉雲 SDK,放置到在項目代碼目錄下,並且在項目的入口文件中做出如下的引入聲明:
//app.js App ( { onLaunch: function ( ) { require ( './vendor/sdk-v1.2.1.js' ) wx.BaaS.init ( clientID ) } } )
同時,你還需要在小程序後臺配置相關的服務器域名:
使用知曉雲 SDK 插件 � � � �
目前知曉雲 SDK 插件信息:
AppID:wxc6b86e382a1e3294
版本號:0.1.0
而有瞭插件後,無需下載知曉雲 SDK,開發者隻需要到小程序管理後臺,點擊「添加插件」後根據知曉雲插件的 AppID ( wxc6b86e382a1e3294 ) 搜索到插件,確認添加等待審核後即可使用。
具體使用方法如下:
1. 在項目的配置文件 JSON 中對插件進行引入聲明。
"plugins": { "sdkPlugin": { "version": "0.1.0", "provider": "wxc6b86e382a1e3294" } }
2. 同時在項目的入口文件中做出聲明。
//app.js App ( { onLaunch: function ( ) { wx.BaaS = requirePlugin ( 'sdkPlugin' ) wx.BaaS.wxExtend ( wx.login, wx.getUserInfo, wx.requestPayment ) // 讓插件幫助完成登錄、支付等功能 wx.BaaS.init ( 'a4d2d62965ddb57fa4d6' ) } } )
其它操作與直接引入 SDK 文件的方式無異。
通過以上的使用對比,你對小程序插件是否有瞭更清晰的認識?除瞭操作更為便捷外,插件使用者在每一次升級 SDK 後,隻需修改一下配置文件中對應插件的版本號即可。
掃碼關註知曉雲公眾號瞭解更多詳情
體積大、耗電多可能是大傢對地圖類軟件的固有印象。
但在日常生活中如果隻是查查地點、看看路線,比起那麼多豐富而「無用」的功能,打開快、耗電少是用戶更看重的指標,由騰訊地圖推出的「騰訊地圖 +」小程序便是有著如此得天獨厚的優勢。
「騰訊地圖 +」小程序的功能直達也是一絕
使用騰訊地圖插件 � � � �
目前騰訊地圖插件信息:
AppID:wx5bc2ac602a747594
版本號:1.0.4
小程序插件功能一推出,騰訊地圖團隊便第一時間制作「騰訊地圖」插件並提交審核,目前騰訊地圖插件可以實現顯示目標位置信息以及附近地圖功能,後續還會逐步增加路線規劃等能力。
1. 修改配置文件 JSON。
{ "usingComponents": { "map-comp": "plugin: //myPlugin/mapComp" } }
2. 在頁面的 WXML 文件中添加插件標簽。
3. JS 文件中處理傳入插件的數據,數據包括指定目標點的經緯度和名稱信息,封裝在 locInfo 裡。
that.setData ( { "locInfo": { latitude: res.latitude, longitutde: res.longitude, name: res.name } } )
插件效果如圖:
通過介紹,你對「知曉雲 SDK」和「騰訊地圖」插件是否有瞭一定認識?歡迎上手體驗這兩款小程序插件,如果你有什麼好的建議也可以在留言區告訴我們!