【玩转腾讯云】 让开发变得简单

今年年初接触了云开发，这东西真香，减少了我们开发的繁琐和开发成本。它集成了云函数、云数据库、云存储等功能，使我们不必担心服务器运维、基础架构，只关心我们的业务逻辑即可，它让专业的人去干专业的事(比如运维交给腾讯云专业的人去做，我们不必担心)。这也让我们从开发成本上省出很多。并且我们开发应用可以快速上线！

创建云环境后会自动进行环境初始化，我们耐心等待即可(整个过程大约持续2~3分钟)。

初始化项目

初始化项目我们可以使用命令行工具也可以进行手动创建，推荐新手进行手动创建。

新建文件

在项目根目录中新建functions文件夹，functions中存放的是云函数~ 待会我们解释。

新建cloudbaserc.json，并将下列代码复制进去。并将云环境ID进行替换即可，云环境ID查看请猛戳?云环境ID或使用命令行工具tcb env:list进行查看。

并在main.js中贴入下列代码

window.onload = () => {
    app.auth({
        persistence: 'session' //在窗口关闭时清除身份验证状态
    })
    .anonymousAuthProvider()
    .signIn() //AnonymousAuthProvider.signIn() 匿名登录云开发
    .then(() => {
        console.log("登录成功") //登录成功
    }).catch(err => {
        console.log("登录失败", err) //登录失败
    })
    env: '环境ID' // 此处填入你的环境ID
}

启动服务

我们在项目根目录中运行?

npx serve

启动项目

接下来我们就可以进行操作云函数、云数据库、云存储功能啦~

云函数

云函数是运行在服务器上的代码，云函数实例的创建、管理、销毁等操作由平台自动完成。每个云函数实例都在 /tmp 目录下提供了一块512MB的临时磁盘空间用于处理单次云函数执行过程中的临时文件读写需求。具体运行机制可以查看文档

新建云函数

我们在functions文件夹内新建一个app文件夹，并创建index.js

.        
├── _gitignore
├── functions // 云函数目录
│   └── app
│       └── index.js
├── public // 用于存放应用程序的静态文件
│   └── index.html 
│   └── js
│       └── main.js
│   └── css
│       └── style.css
└── cloudbaserc.js // 项目配置文件

这里云函数名称为app 入口文件index.js

在functions/index.js贴入如下代码

exports.main = (event, context) => {
  let { a, b} = event
  let sum = a + b
  return {
    sum
  }
}

上述代码中a,b相当于形参，对ES6语法还不了解的朋友快去补补吖~

创建完成，我们在项目根目录中使用cli的部署云函数命令将其部署到云端。

tcb functions:deploy app意思是部署 functions 下的 app 云函数到云端

我们可以在云开发控制台云函数看到刚上传还热乎的_云函数_app

接下来我们进行调用云函数

在public/js/main.js 中 登录成功的回调中写入?

app.callFunction({
  name: 'app',
  data: {
    a: 2,
    b: 3
  }
}).then((res) => {
    console.log(res)
});

保存后在浏览器控制台内查看结果

callFunction函数

name: 属性为云函数的名称\\
data: 属性来为云函数进行传参\\
return: 返回的是一个Promise对象

对于云数据库，云存储的其他操作，后续写哦~

先来一波关注喽~~~

最后给大家留个疑问，云函数的异步问题？！。