关于云服务:使用基于腾讯云阿里云serverless再封装的uniCloud

说到 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 了，再去云数据库中查看一下，能够看到这里新增了一条数据

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