溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

微信小程序云開發(fā)怎么用

發(fā)布時間:2021-06-26 15:26:24 來源:億速云 閱讀:405 作者:小新 欄目:web開發(fā)

這篇文章主要介紹微信小程序云開發(fā)怎么用,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!

今天看到微信推送了一條小程序云上線通知,作為一個前端er,滿懷期待的去看了看,很不錯先看看文檔上怎么說的:

開發(fā)者可以使用云開發(fā)開發(fā)微信小程序、小游戲,無需搭建服務(wù)器,即可使用云端能力。

云開發(fā)為開發(fā)者提供完整的云端支持,弱化后端和運維概念,無需搭建服務(wù)器,使用平臺提供的 API 進行核心業(yè)務(wù)開發(fā),即可實現(xiàn)快速上線和迭代,同時這一能力,同開發(fā)者已經(jīng)使用的云服務(wù)相互兼容,并不互斥。(就是說以后老板讓你做小程序,連個后臺的人都不用給你配了,自己搞定就行了)。

目前提供三大基礎(chǔ)能力支持:

  • 云函數(shù):在云端運行的代碼,微信私有協(xié)議天然鑒權(quán),開發(fā)者只需編寫自身業(yè)務(wù)邏輯代碼

  • 數(shù)據(jù)庫:一個既可在小程序前端操作,也能在云函數(shù)中讀寫的 JSON 數(shù)據(jù)庫

  • 存儲:在小程序前端直接上傳/下載云端文件,在云開發(fā)控制臺可視化管理

說白了就是,云函數(shù)就是后端代碼,現(xiàn)在叫云函數(shù),自己寫,自己上傳,數(shù)據(jù)庫沒什么好說的,就是數(shù)據(jù)庫,不過這個數(shù)據(jù)庫是json數(shù)據(jù)庫,很方便,怎么個方便法呢,看下圖:

傳統(tǒng)數(shù)據(jù)庫以mysql為例子:

微信小程序云開發(fā)怎么用

看到int..這么多類型是不是很煩躁,取的時候再合并多個表也很麻煩

小程序云json數(shù)據(jù)庫:

微信小程序云開發(fā)怎么用

看到這些類型是不是很親切,大大降低了新手對數(shù)據(jù)庫理解,不用學(xué)黑窗口,sql命令,還可以導(dǎo)入josn數(shù)據(jù),很是方便。

現(xiàn)在走一遍流程:

1、創(chuàng)建帶小程序云模板的小程序:

微信小程序云開發(fā)怎么用

----新建一個空的文件夾,填入你的appId(必須),官方說 :勾選創(chuàng)建 “云開發(fā) QuickStart 項目”,實際上是"建立云開發(fā)快速啟動模板",有點坑哦,同學(xué)要注意,點擊確定 ==>

2.看到這么多是不是有點方  - -!,看到多了一個東西,點擊創(chuàng)建自己的環(huán)境,,具體就是寫個名字,創(chuàng)個一個環(huán)境,官方上說是最好創(chuàng)建倆個環(huán)境,一個是開發(fā)環(huán)境,一個是線上環(huán)境。

微信小程序云開發(fā)怎么用

不做贅述,都是免費的

微信小程序云開發(fā)怎么用

看這配置給的也挺良心,一般人真的不用升級配置 ==>

3.選擇環(huán)境,環(huán)境創(chuàng)建好了,不過還沒有使用上

微信小程序云開發(fā)怎么用

對第一個文件夾點右鍵,選擇你要使用的環(huán)境,下面則是你的云函數(shù),就是跑在服務(wù)器上的。

對login文件夾點右鍵,選擇上傳并部署,ps:不上傳部署怎么使用呀,所以沒毛病。==>

4.先別急上傳個login是怎么使用的,我們先去看點擊獲取openid是事件,發(fā)現(xiàn),這里只有個name對應(yīng)上上傳的云函數(shù)事件名,而云函數(shù)直接就返回了openid,看看云函數(shù)是怎么實現(xiàn)的

wx.cloud.callFunction({
 name: 'login',
 data: {},
 success: res => {
 console.log('[云函數(shù)] [login] user openid: ', res.result.openid)
 app.globalData.openid = res.result.openid
 wx.navigateTo({
  url: '../userConsole/userConsole',
 })
 },
 fail: err => {
 console.error('[云函數(shù)] [login] 調(diào)用失敗', err)
 wx.navigateTo({
  url: '../deployFunctions/deployFunctions',
 })
 }
})
// 云函數(shù)模板
// 部署:在 cloud-functions/login 文件夾右擊選擇 “上傳并部署”
 
/**
 * 這個示例將經(jīng)自動鑒權(quán)過的小程序用戶 openid 返回給小程序端
 * 
 * event 參數(shù)包含
 * - 小程序端調(diào)用傳入的 data
 * - 經(jīng)過微信鑒權(quán)直接可信的用戶唯一標識 openid 
 * 
 */
exports.main = (event, context) => {
 console.log(event)
 console.log(context)
 
 // 可執(zhí)行其他自定義邏輯
 // console.log 的內(nèi)容可以在云開發(fā)云函數(shù)調(diào)用日志查看
 
 return {
 openid: event.userInfo.openId,
 }
}

云函數(shù)里,直接就能拿到用戶的openid和appid并返回,所以在前端上拿到了openid,真的是很方便。==>

微信小程序云開發(fā)怎么用

5.關(guān)于數(shù)據(jù)庫,數(shù)據(jù)庫那邊每一個表都有權(quán)限設(shè)置,好好看一下。

創(chuàng)建很簡單,讀取也很簡單,很像slq語句。

先創(chuàng)建一個db對象,然后直接走collection('表名字').where({條件}).get().then(res=>{}) ,我這里使用的是Promise風(fēng)格,當然也可以使用回調(diào)的方式,就可以把表里的數(shù)據(jù)都取出來在頁面上展示了。

const db = wx.cloud.database();
 db.collection('todos').where({
 _id: 'W5c0IDWesyZkco4t'
 }).get().then(res => {
 this.setData({
 dataList: res.data
 })
 })

以上是“微信小程序云開發(fā)怎么用”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注億速云行業(yè)資訊頻道!

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI