使用LeanCloud快速開發一款小程序
發布時間：2018-12-26 11:22 所屬欄目：小程序開發教程
開發小程序離不開后臺數據，對于獨立開發者來說，既要寫前端，又要寫后端，工作量就會驟然增大。微信提供的云開發無疑是給獨立開發者提供了很大的便利，但是由于其數據庫不支持聯表查詢，對于某些場景就不是那么的友好了。當然，市面上有很多的 BaaS 服務提供商，大都類似，今天我們就用其中的一個 LeanCloud 來講解一下，如何快速使用 LeanCloud 來開發一個小程序。 由于本次重點在 LeanCloud ，所以小程序的開發內容就不是重點。
現在開始
賬號注冊
先去leancloud.cn官網注冊一個賬號，然后登錄去控制臺創建一個新應用。
域名配置
在微信小程序后臺中配置域名白名單，具體需要按照這里說明的來配置，你也可以先跳過這一步，等完全開發完畢后再來配置。可在開發者工具的 詳情 > 項目設置 中勾選 不校驗安全域名、TLS 版本以及 HTTPS 證書 。
SDK 集成
下載你熟悉的SDK，目前支持 JS ， WePY ， mpvue ，下載鏈接在這里，后面以 JS 來說明，其他方式的 SDK 導入以及使用方法參考文檔中的說明。
初始化 SDK
在 app.js 中加入以下代碼即可。 appId 和 appKey 可以在控制臺中的應用找到。
const AV = require('./utils/av-live-query-weapp-min');
AV.init({
appId: '換成你自己的appId',
appKey: '換成你自己的appKey',
});
復制代碼
查詢數據
先需要在控制臺中的應用下新建一個表，在網頁中叫做 Class 。每一張表會默認創建 objectId 、 createdAt 、 updatedAt 、 ACL 四個字段，分別表示 數據索引 ， 創建時間 ， 更新時間、 權限 。你可以添加你想要的字段，目前支持以下幾種類型。
其中 Object 是 map 對象， GeoPoint 是經緯度信息， Pointer 是另外一張表的表名，做多表聯合查詢使用的。 假設我們的表名是 T_TODO ，我們可以用以下代碼來查詢該表下面的數據。
new AV.Query('T_TODO')
.descending('createdAt') // 排序
.limit(10) // 分頁數量
.skip(10) // 跳過數量
.find()
.then(function(results) {
that.setData({todo: results})
})
.catch(console.error);
}
|
在你的 WXML 中可以這樣寫來做數據綁定：
<!-- pages/todos/todos.wxml -->
<block wx:for="{{todos}}" wx:for-item="todo" wx:key="objectId">
<text data-id="{{todo.objectId}}">
{{todo.content}}
</text>
</block>
|
是不是很方便。
多表查詢
如果需要多多表查詢，先要在一張表中新建一個 Pointer 字段，新建時會讓你選擇指向的表名，如下圖所示：
然后在查詢是使用 include
，就會返回關聯表中的所有信息了，如下所示：
new AV.Query('T_TODO')
.descending('createdAt') // 排序
.limit(10) // 分頁數量
.skip(10) // 跳過數量
.include('T_POINT_CLASS')
.find()
.then(function(results) {
that.setData({todo: results})
})
.catch(console.error);
}
|
更新對象
小程序中對表中字段做操作后，需要同步更新到服務端，可以使用以下代碼來保存對象。
// 第一個參數是 className，第二個參數是 objectId
var todo = AV.Object.createWithoutData('Todo', '5745557f71cfe40068c6abe0');
// 修改屬性
todo.set('content', '每周工程師會議，本周改為周三下午3點半。');
// 保存到云端
todo.save();
復制代碼
其他更多的操作請查看文檔，不過你找不到小程序對應的詳細開發文檔，只能找到
