说到serveless,当然是腾讯云和阿里云啦,而我想两种环境切着来玩,那么这个时候我抉择了uniCloud,uniCloud其实是对腾讯云和阿里云进行了再次封装。

一、新键我的项目(老我的项目右键创立uniCloud云开发环境)
1、勾选启用uniCloud,前面可选阿里云和腾讯云

2、生成文件夹

3、右键抉择云空间服务(没有创立的云服务空间的抉择第二个,或者地址)

4、右键新建云函数


新建实现之后,邮件pay-add云函数上传部署(当然你也能够上传并运行(测试之类的))

5、新建云数据库
形式一 :右键cloudfunctions文件夹,抉择创立db_init.json

形式二:通过治理后盾–>地址,创立本人的表
这里我曾经创立了3张表,并点击新增记录去减少字段

6、通过客户端操作上传数据到云数据库
这里对pay表新增数据
对步骤4中新建的云函数pay-add编写

'use strict';const db=uniCloud.database()exports.main = async (event, context) => {    // 插入数据    let res = await db.collection('pay').add(event)    return res;};

紧接着右键上传部署,到这里云函数操作数据库的阶段实现,剩下的就是客户端调用云函数。

7、客户端调用云函数
通过uniCloud.callFunction来调用

// promise形式uniCloud.callFunction({    name: 'test',    data: { a: 1 }  })  .then(res => {});// callback形式uniCloud.callFunction({    name: 'test',    data: { a: 1 },    success(){},    fail(){},    complete(){}});

对这个进行简要的封装一下

Vue.prototype.$cloud = async function(name = "", params = {}) {            await uniCloud.callFunction({                name: name,                data: params            })        }

调用保留:

save(){          //保留记录          this.$cloud('pay-add',this.form)        },

响应:


看这都ok了,再去云数据库中查看一下,能够看到这里新增了一条数据

**千里之行
始于足下**