微信小程序云開(kāi)發(fā)詳細(xì)教程
微信小程序云開(kāi)發(fā)之初體驗(yàn),供大家參考,具體內(nèi)容如下
小程序云開(kāi)發(fā)是微信最近推出的新的一項(xiàng)能力,它弱化了后端以及運(yùn)維的概念,開(kāi)發(fā)者無(wú)需搭建服務(wù)器,使用微信平臺(tái)提供的api即可完成核心的業(yè)務(wù)開(kāi)發(fā)。
目前提供三大基礎(chǔ)能力支持:
- 云函數(shù):在云端運(yùn)行的代碼,微信私有協(xié)議天然鑒權(quán),開(kāi)發(fā)者只需編寫自身業(yè)務(wù)邏輯代碼
- 數(shù)據(jù)庫(kù):既可在小程序前端操作,也能在云函數(shù)中讀寫的 JSON 數(shù)據(jù)庫(kù),免費(fèi)2G容量
- 存儲(chǔ):可在小程序前端上傳/下載云端文件,在云開(kāi)發(fā)控制臺(tái)可視化管理,免費(fèi)5G容量

上手體驗(yàn)
打開(kāi)微信開(kāi)發(fā)者工具,新建工程,選擇新建云開(kāi)發(fā)模板,這里appid是必填項(xiàng)。

確認(rèn)后,工具默認(rèn)創(chuàng)建好工程如下:

可以看到,工程目錄中多了一個(gè)cloudfunctions的文件夾,其他的與普通模板目錄結(jié)構(gòu)一致,而cloudfunctions文件夾其實(shí)就是用來(lái)存放云函數(shù)的。
云開(kāi)發(fā)控制臺(tái)
點(diǎn)擊頂部工具欄中的云開(kāi)發(fā),會(huì)彈出創(chuàng)建的引導(dǎo),按照提示一步一步創(chuàng)建,這里點(diǎn)擊開(kāi)通。

填寫好相應(yīng)的環(huán)境名稱信息,可以看到,數(shù)據(jù)庫(kù)有2G的空間,另外有5G的存儲(chǔ),可以用來(lái)存放一些圖片和其他資源,這對(duì)于一些小的應(yīng)用來(lái)說(shuō)是完全夠用的。另外,一個(gè)小程序可以建立兩個(gè)環(huán)境。

新建好的控制臺(tái)就是這個(gè)樣子

云數(shù)據(jù)庫(kù)
下面通過(guò)一個(gè)實(shí)例來(lái)學(xué)習(xí)小程序的云開(kāi)發(fā)終端云數(shù)據(jù)庫(kù)功能。數(shù)據(jù)庫(kù)使用的是JSON 數(shù)據(jù)庫(kù),也就是我們所說(shuō)的nosql,類似于MongoDB,使用鍵值對(duì)應(yīng)的方式存儲(chǔ)數(shù)據(jù)。
首先進(jìn)入云開(kāi)發(fā)控制臺(tái),選擇數(shù)據(jù)庫(kù)管理。新建一個(gè)集合,也就是一個(gè)數(shù)據(jù)庫(kù),輸入集合名稱。

然后新建一條記錄,記錄可以手動(dòng)創(chuàng)建,也可以導(dǎo)入json或者csv數(shù)據(jù)。id默認(rèn)自動(dòng)生成。

那么接下來(lái),就嘗試著從小程序端讀取數(shù)據(jù)庫(kù)中的數(shù)據(jù)。在pages/index/index.js中的onLoad函數(shù)中加入下面的一段代碼
// 創(chuàng)建數(shù)據(jù)庫(kù)實(shí)例
const db = wx.cloud.database()
// 2. 構(gòu)造查詢語(yǔ)句
// collection 方法獲取一個(gè)集合的引用
// 可以使用where 方法傳入一個(gè)對(duì)象,數(shù)據(jù)庫(kù)返回集合中字段等于指定值的 JSON 文檔。API 也支持高級(jí)的查詢條件(比如大于、小于、in 等)
// get 方法會(huì)觸發(fā)網(wǎng)絡(luò)請(qǐng)求,往數(shù)據(jù)庫(kù)取數(shù)據(jù)
db.collection('user').get({
success(res) {
console.log(res)
}
})
保存代碼,編譯運(yùn)行,觀察控制臺(tái),發(fā)現(xiàn)打印出來(lái)的信息中沒(méi)有數(shù)據(jù)。

不要著急,這并不是我們的代碼寫的有問(wèn)題,而是數(shù)據(jù)庫(kù)有權(quán)限限制。再次打開(kāi)控制臺(tái),選擇數(shù)據(jù)庫(kù)權(quán)限設(shè)置。

可以看到,默認(rèn)的權(quán)限是僅創(chuàng)建者及管理員可讀寫,這里我們更改為第一個(gè)選項(xiàng),選擇所有用戶可讀,僅創(chuàng)建者可寫。再次編譯運(yùn)行,可以看到數(shù)據(jù)庫(kù)中的內(nèi)容成功的被打印出來(lái)了。

總結(jié)
小程序云開(kāi)發(fā)確實(shí)是一個(gè)不錯(cuò)的功能,大大降低了開(kāi)發(fā)成本,不用再去為服務(wù)器、域名、備案等一系列開(kāi)發(fā)流程而發(fā)愁,因此如果要開(kāi)發(fā)一些小型的應(yīng)用,首選云開(kāi)發(fā)。
以上是小程序云開(kāi)發(fā)之初體驗(yàn),之后的文章會(huì)繼續(xù)深入,持續(xù)關(guān)注。
希望本文對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
基于Proxy的小程序狀態(tài)管理實(shí)現(xiàn)
這篇文章主要介紹了基于Proxy的小程序狀態(tài)管理實(shí)現(xiàn),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-06-06
JavaScript實(shí)現(xiàn)在頁(yè)面間傳值的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)在頁(yè)面間傳值的方法,涉及javascript傳值的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
javascript suggest效果 自動(dòng)完成實(shí)現(xiàn)代碼分享
像百度與google,當(dāng)我們往搜索框輸入東西時(shí)就會(huì)出現(xiàn)一排列表提示用戶有什么熱門或適合的候選詞,這種效果就叫suggest。本文將一步步教你如何設(shè)計(jì)它2012-02-02
IntelliJ IDEA 安裝vue開(kāi)發(fā)插件的方法
本篇文章主要介紹了IntelliJ IDEA 安裝vue開(kāi)發(fā)插件的方法,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-11-11
JS實(shí)現(xiàn)獲取當(dāng)前URL和來(lái)源URL的方法
這篇文章主要介紹了JS實(shí)現(xiàn)獲取當(dāng)前URL和來(lái)源URL的方法,涉及javascript針對(duì)頁(yè)面document屬性操作的相關(guān)技巧,需要的朋友可以參考下2016-08-08

