注冊(cè)登錄

微信小程序云開(kāi)發(fā)在哪里,小程序云開(kāi)發(fā)開(kāi)通教程

2018-09-14
導(dǎo)讀:最新更新的微信 web 開(kāi)發(fā)者工具支持了云開(kāi)發(fā) 和之前免費(fèi)提供的自動(dòng)部署的測(cè)試環(huán)境不同,這次是生產(chǎn)和開(kāi)發(fā)都不需要一臺(tái)獨(dú)立的服務(wù)器了 取而代之的是云文件,云函數(shù)和云數(shù)據(jù)庫(kù)(和...

最新更新的微信 web 開(kāi)發(fā)者工具支持了云開(kāi)發(fā),和之前免費(fèi)提供的自動(dòng)部署的測(cè)試環(huán)境不同,這次是生產(chǎn)和開(kāi)發(fā)都不需要一臺(tái)獨(dú)立的服務(wù)器了

取而代之的是云文件,云函數(shù)和云數(shù)據(jù)庫(kù)(和 Bmob 云有點(diǎn)像)

更新到最新的微信 web 開(kāi)發(fā)者工具就行了

https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started.html

開(kāi)通

新建項(xiàng)目,使用云開(kāi)發(fā)快速啟動(dòng)項(xiàng)目模板(必須是自己的 APPID,測(cè)試 APPID 沒(méi)有這個(gè)模板)

云文件

其實(shí)就是一個(gè)在小程序中使用比較方便的對(duì)象存儲(chǔ)

API

wx.cloud.uploadFile // 如果上傳至同一路徑則是覆蓋寫(xiě)
wx.cloud.downloadFile
wx.cloud.deleteFile
wx.cloud.deleteFile

圖片上傳 Demo

wx.chooseImage({
    success: function(res) {
        // 獲取文件路徑
        const filePath = res.tempFilePaths[0]
        // 定義上傳位置,不要以/開(kāi)頭
        const cloudPath = 'upload/test.png'
        wx.cloud.uploadFile({
            filePath: filePath,
            cloudPath: cloudPath,
            success: res => {
                console.log('[上傳文件] 成功:', res)
            },
            fail: e => {
                console.error('[上傳文件] 失敗:', e)
            },
            complete: () => {
                console.log('結(jié)束調(diào)用')
            }
        })
    }
})
云函數(shù)

云函數(shù)在本地編寫(xiě),上傳到云端的 Node.js 運(yùn)行環(huán)境中執(zhí)行,然后返回結(jié)果??梢酝ㄟ^(guò)云函數(shù)后端 SDK 搭配使用多種服務(wù),比如數(shù)據(jù)庫(kù)和存儲(chǔ) API(wx-server-sdk)。

定義云函數(shù)存放目錄

云函數(shù)根目錄下的第一級(jí)目錄(云函數(shù)目錄)是與云函數(shù)名字相同的,如果函數(shù)已經(jīng)上傳到云端運(yùn)行環(huán)境,則會(huì)有一個(gè)特殊的云圖標(biāo)

云函數(shù)代碼

調(diào)用代碼

wx.cloud.callFunction({
    name: 'sum',
    data: {
        a: 1,
        b: 2
    },
    success: res => {
        console.error('[云函數(shù)] [sum] 調(diào)用成功:', res)
        console.log(JSON.stringify(res.result))
    },
    fail: err => {
        console.error('[云函數(shù)] [sum] 調(diào)用失?。?#39;, err)
    }
})

輸出結(jié)果存放在 res.result 中,為了看出 event 和 context 的作用,在返回結(jié)果中順便返回了這兩個(gè)內(nèi)容,打印了出來(lái)

可以看到,event 就是傳入的參數(shù),同時(shí)會(huì)自動(dòng)添加 userInfo 信息。context 是云函數(shù)的運(yùn)行環(huán)境參數(shù)

{
    event: {
        a: 1,
        b: 2,
        userInfo: {
            appId: 'xxxxx',
            openId: 'xxxxxx'
        }
    },
    context: {
        callbackWaitsForEmptyEventLoop: false,
        memory_limit_in_mb: 256,
        time_limit_in_ms: 20000,
        request_id: '422e93b4-b5db-11e8-b8a8-525400e8849e',
        environ: 'xxxx'
    },
    sum: 3
}
數(shù)據(jù)庫(kù)

官方介紹說(shuō)是云開(kāi)發(fā)提供了一個(gè) JSON 數(shù)據(jù)庫(kù),使用起來(lái)也很簡(jiǎn)單

先創(chuàng)建一個(gè)集合,也就是數(shù)據(jù)庫(kù)的table吧

但是并不要求是每一行的數(shù)據(jù)結(jié)構(gòu)都一樣

待續(xù)....

重磅推薦:小程序開(kāi)店目錄

第一部分:小商店是什么

第二部分:如何開(kāi)通一個(gè)小商店

第三部分:如何登錄小商店

第四部分:開(kāi)店任務(wù)常見(jiàn)問(wèn)題

第五部分:小商店可以賣(mài)什么

第六部分:HiShop小程序特色功能

第七部分:小程序直播

第八部分:小程序收貨/物流

第九部分:小程序怎么結(jié)算

第十部分:小程序客服

第十一部分:電商創(chuàng)業(yè)

第十二部分:小程序游戲開(kāi)發(fā)

電話(huà)咨詢(xún) 微信咨詢(xún) 預(yù)約演示 0元開(kāi)店