Serverless 开发前端初尝试

啥是云开发

云开发serverless是一种模式，和传统模式的区别在于开发者不用维护服务器。服务器的日常维护, 负载均衡，扩容和减容, 运维，安全，日志等都交给了云开发服务提供商比如AWS Lambda，microsoft Azure，国内的微信等等。通常分为2类，Backend-as-a-Service (BaaS): 提供第三方服务比如鉴权，音频转文字之类的；开发者一般通过API调用。Function-as-a-Service (FaaS)，serverless一般都是指Faas，开发者可以在本地编写服务端的逻辑，然后部署到云服务商提供的容器中。我们也可以开发一般serverless一半传统服务的应用

serverless app运行在哪里呢

云开发的应用部署在事件驱动的, 自动加载的容器中，比如用Knative for Kubernetes构建的Faas环境。Knative 是个开源的社区项目，可以在Kubernetes上创建容器镜像并在Kubernetes 平台上运行。

当代码运行时，服务商动态的分配资源给你，故当代码不再运行时，意味着你不用付钱。serverless容器有以下特点：

Stateless, 易于数据整合
支持短时间内部署运行，释放，不需要永远占用资源
事件驱动，包括应用内事件，云服务事件等等

这样的特性比较适合开发一些应用如聊天机器人，日历等。

serverless app的缺点

云服务商对serverless 应用的规范限制
云服务商的标准差异导致的迁移成本

微信小程序云开发尝鲜

先进行各种前期的项目配置：

打开微信开发者工具，创建新项目
填写appid，勾选云开发，选择一个模板如：todolist
云开发实例没有的话创建一下
（刚创建的云开发环境可能会有10min左右的时间不可用）

可以看到project.config.json有个cloudfunctionRoot表示云函数文件夹，开发工具中可以见到该文件夹有个特殊的图标

点击控制台查看云开发管理台：
包含运营分析面板，数据库，存储，云函数等面板

数据库

JSON格式的数据存储，每一条记录都是JSON对象, 有_id字段作为唯一标识字段。而且发现界面也跟之前用过的mongoDB的GUI设计十分相似，比较好上手。简单介绍下增删改查的语法：

add

db.collection('todos').add({// The data field represents the JSON data to adddata: {// _id:'todo-identifiant-aleatoire', // You can choose a custom _id and use the one automatically assigned by the database in this scenariodescription: "learn cloud database",due: new Date("2018-09-01"),tags: ["cloud","database"],// Add a geographical location to the to-do (113°E, 23°N)location: new db.Geo.Point(113, 23),done: false},success: function(res) {// The res is an object with the _id field, marking the id of the record just createdconsole.log(res)}
})// 或者Promise式的写法db.collection('todos').add({// The data field represents the JSON data to adddata: {description: "learn cloud database",due: new Date("2018-09-01"),tags: ["cloud","database"],location: new db.Geo.Point(113, 23),done: false}
})
.then(res => {console.log(res)
})

get

db.collection('todos').doc(id).get({success: function(res) {// res.data contains the data of that recordconsole.log(res.data)}
})db.collection('todos').where({done: false
})
.get({success: function(res) {// res.data is an array containing the two records defined aboveconsole.log(res.data)}
})db.collection('todos').get({success: function(res) {// res.data refers to the data of all records (no more than 20) to which the user has access permission in the collectionconsole.log(res.data)}
})// 然而云函数的查询最大记录数限制为100。。。
const cloud = require('wx-server-sdk')
cloud.init()
const db = cloud.database()
const MAX_LIMIT = 100
exports.main = async (event, context) => {// Get the total number of the collection records firstconst countResult = await db.collection('todos').count()const total = countResult.total// Calculate in how many times you can get itconst batchTimes = Math.ceil(total / 100)// Carry all the promise arrays with readconst tasks = []for (let i = 0; i < batchTimes; i++) {const promise = db.collection('todos').skip(i * MAX_LIMIT).limit(MAX_LIMIT).get()tasks.push(promise)}// Wait allreturn (await Promise.all(tasks)).reduce((acc, cur) => {return {data: acc.data.concat(cur.data),errMsg: acc.errMsg,}})
}

update

const _ = db.command // 这里是命令方法
db.collection('todos').doc('todo-identifiant-aleatoire').update({data: {// Indicates that the database automatically increases the field by 10progress: _.inc(10) // or 'doing';这个方法表示increased by 10;},success: function(res) {console.log(res.data)}
})

delete

// The async await syntax is used
const cloud = require('wx-server-sdk')
const db = cloud.database()
const _ = db.commandexports.main = async (event, context) => {try {return await db.collection('todos').where({done: true}).remove()} catch(e) {console.error(e)}
}

云函数

云函数可以简单理解为运行在云端容器中的代码，微信开发者工具钟可以右键，然后点击上传即可运行。下面给这个todolist的新增按钮增加一个埋点功能实践一下云函数：
创建一个sensor云函数并上传：

在添加todo按钮处增加云函数调用：

接下来进行操作，点击添加todo：

看看我们的云端数据库就新增了sensors collection，且插入了一条记录：