小程序-云开发

Flchy 于 2018-09-12 发布

最新更新的微信 web 开发者工具支持了云开发

和之前免费提供的自动部署的测试环境不同,这次是生产和开发都不需要一台独立的服务器了

取而代之的是云文件,云函数和云数据库(和 Bmob 云有点像)

更新到最新的微信 web 开发者工具就行了,需要了解更多请到官方 API查看

开通

新建项目,使用云开发快速启动项目模板(必须是自己的 APPID,测试 APPID 没有这个模板)

01

02

03

云文件

其实就是一个在小程序中使用比较方便的对象存储

API

wx.cloud.uploadFile // 如果上传至同一路径则是覆盖写
wx.cloud.downloadFile
wx.cloud.deleteFile
wx.cloud.deleteFile

图片上传 Demo

wx.chooseImage({
    success: function(res) {
        // 获取文件路径
        const filePath = res.tempFilePaths[0]
        // 定义上传位置,不要以/开头
        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('结束调用')
            }
        })
    }
})

云函数

云函数在本地编写,上传到云端的 Node.js 运行环境中执行,然后返回结果。可以通过云函数后端 SDK 搭配使用多种服务,比如数据库和存储 API(wx-server-sdk)。

定义云函数存放目录

04

云函数根目录下的第一级目录(云函数目录)是与云函数名字相同的,如果函数已经上传到云端运行环境,则会有一个特殊的云图标

05

云函数代码

06

调用代码

wx.cloud.callFunction({
    name: 'sum',
    data: {
        a: 1,
        b: 2
    },
    success: res => {
        console.error('[云函数] [sum] 调用成功:', res)
        console.log(JSON.stringify(res.result))
    },
    fail: err => {
        console.error('[云函数] [sum] 调用失败:', err)
    }
})

输出结果存放在 res.result 中,为了看出 event 和 context 的作用,在返回结果中顺便返回了这两个内容,打印了出来

可以看到,event 就是传入的参数,同时会自动添加 userInfo 信息。context 是云函数的运行环境参数

{
    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
}

既然是 Node.js 的话,一些 Node.js 的库也是可以用的,比如要发送请求的时候可以通过云函数做代理来发送请求,从而就突破了小程序的合法域名的限制

var http = require('http')

exports.main = (event, context) => {
    return new Promise((resolve, reject) => {
        let respData = 1
        const req = http.request(event.options, res => {
            res.on('data', chunk => {
                respData += chunk
            })
            res.on('end', () => {
                resolve(respData)
            })
            if (res.statusCode != 200) {
                req.abort()
                reject('res.statusCode != 200')
            }
        })
        req.on('error', e => {
            reject(e.message)
        })

        req.end()
    })
}

云数据库

官方介绍说是云开发提供了一个 JSON 数据库,使用起来也很简单,同时也提供了简单的图形化操作界面

注意在云函数和小程序里都可以使用云数据库

先创建一个集合,也就是数据库的 table 吧

07

但是并不要求是每一行的数据结构都一样,当然了,为了操作方便,每行的数据格式都应该是一致的

07

查询

简单的根据主键查询

// 获得数据库引用
const db = wx.cloud.database()
// 构造查询条件,指定集合
const users = db.collection('users')
// 构造查询条件,指定_id
const u = users.doc('1')
// 开始查询
u.get({
    success: function(res) {
        console.log(res.data)
    }
})

条件查询

除了主键查询,还提供了一系列的指令,通过 db.command 获得

查询指令有:eq,neq,lt,lte,gt,gte,in,nin

const db = wx.cloud.database()
const _ = db.command
const users = db.collection('users')
users.where({
    name: _.in(['张三', '李四'])
}).get({
    success: function(res) {
        console.log(res.data)
    },
    fail(e) {
        console.log(e)
    }
})

逻辑指令有:and,or。上面的查询使用逻辑指令可以写成

name: _.eq('张三').or(_.eq('李四'))

修改

前提是要有权限,不然会 errCode: -502003 database permission denied

局部更新,update 方法,只对某个记录的某些字段更新

更新指令:set,remove,inc,mul,push,pop,shift,unshift

const db = wx.cloud.database()
const _ = db.command
const users = db.collection('users')
users.doc('1').update({
    data: {
        name:'xxx'
    },
    success: function() {
        console.log('success')
    },
    fail(e){
        console.log(e)
    }
})

替换更新,set 方法,替换更新一条记录

删除记录,remove 方法