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