微信小程序云开发-云函数使用篇

395 阅读2分钟

前言:
最近在学习微信小程序的开发,了解到有云开发的功能。
我个人觉得这个功能挺适合前端个人开发者学习的,不用买服务器备案,也不用学习后端语言和各种配置,可以自己diy接口来使用。
现在网上对于云开发的文章不多,于是我在这篇文章里记录一下我是如何使用云函数的。

云函数是什么?

云函数可以理解为是提供接口的函数。在云开发里定义好云函数,微信小程序前端可以通过调用这个函数获取你想要的数据。云函数的内容只用处理前端需要的数据并return,前端通过云开发的API来接收数据即可。

创建、使用云函数

这里只写关于云函数的,数据库相关的先省略之后再写。

1、查看云函数

在创建项目时勾选云开发,在小程序的界面就会出现云开发选项。

image.png

需要注意的是,小程序测试号是没有云开发功能的。

在这个界面可以管理你的云函数。 image.png

2、创建云函数

在上一步的界面里直接创建云函数是不能直接用的。
需要先在项目的根目录的project.config.json文件里加上一行"cloudbaseRoot": "cloud"。

image.png 这里的cloud只是一个名字,可以自己取,但项目根目录下要有一个同名的文件夹。

image.png 这时再右击这个文件夹,会有一个同步环境列表的选项,点击就好了。同步完毕cloud里会有新的文件

image.png

在functions的文件夹右击创建云函数就可以创建一个新的云函数模版了

image.png 在cloud文件夹里的all和cloud1文件夹是云开发里的环境,后面再说明。

3、使用云函数

在根目录的app.js文件里添加

App({
  onLaunch() {
    wx.cloud.init({
      env: "cloud1-0g3lwbx0e3315250" //你的环境ID
    })
  }
})

这个就是你的环境id image.png 可以在云开发后台里查看和管理

image.png

使用:

wx.cloud.callFunction({
    name:"point_get",     //  你创建的额云函数的名字
    success(res){
      console.log("请求成功!", res)
    },
    fail(res){
      console.log("请求失败!",res)
    }
})

image.png 在你创建的云函数的js文件里,return出去的数据就是res.result接收到的数据。

image.png 可以在云函数里连接和操作数据库的数据进行返回,关于数据库的操作放在后续数据库使用篇里说明。