小程序中云函数的使用

小鱼儿 2023-10-06 15:54 76阅读 0赞

### 什么是云函数？为何要用 ###

最近在做小程序开发的时候，发现在创建小程序的时候可以勾选一个使用云开发的选项。这里面就提供了云操作相关的功能。说白了，就是小程序内部帮助我们构建了一个云服务器，我们可以在这服务器上面进行后端数据库一些较为复杂的业务实现了。使用了云开发后，更大强度的丰富了我们与后端的直接操作。

那激动人心的时刻到了，我们如何使用云开发中的云函数呢？

![76ba0f523fadf7ef6fe9b43975cfd2b7.png][]

#### 创建目录与云函数 ####

第一步，在微信开发者工具中创建目录与新建nodejs云函数

![f3f33bb9c38ad58019bf815558c285f0.png][]

接下来，需要将此目录在project.config.json中进行配置：

"cloudfunctionRoot": "./cloudfunction/"

如图所示，就有这样的一个云开发目录了：（不要忘记，在目录右键选择你当前环境哦^\_^）

![fe7eda9f7cd7f32acec68bc1a67c96ea.png][]

然后我们右键我们的cloudfunciton，选择创建node.js云函数，名字起名logins

![f0e77f8ca3bf1b1cab3d5296b63058de.png][]

创建完成后，它会自动帮助我们进行云函数的部署，我们可以打开云开发看到后端刚刚部署的云函数：

![bd92c2f90cce5bdc73035345d8edbca4.png][]

并且在创建好的云函数里面，小程序内部帮助实现了一些nodejs后端代码：

// 云函数入口文件
    const cloud = require('wx-server-sdk')
    
    cloud.init()
    
    // 云函数入口函数
    exports.main = async (event, context) => {
      const wxContext = cloud.getWXContext()
    
      return {
        event,
        openid: wxContext.OPENID,
        appid: wxContext.APPID,
        unionid: wxContext.UNIONID,
      }
    }

#### 前端调用云函数 ####

当我们上传好小程序后，前端其实可以配置两个云环境。但是如果配置了两个云环境（开发|生产），我们就必须在app.js文件中指明当前的云环境的id才可以。

获取环境id:

![5979390d18c7106b6613beea51f635e1.png][]

App({
      onLaunch: function () {
        if (!wx.cloud) {
          console.error('请使用 2.2.3 或以上的基础库以使用云能力')
        } else {
          wx.cloud.init({
            // env 参数说明：
            //   env 参数决定接下来小程序发起的云开发调用（wx.cloud.xxx）会默认请求到哪个云环境的资源
            //   此处请填入环境 ID, 环境 ID 可打开云控制台查看
            //   如不填则使用默认环境（第一个创建的环境）
            env: 'demo123-3o9h6',
            traceUser: true,
          })
        }
      }
    })

`配置完成这些操作后，前端其实就可以调用我们云函数logins了：`

可以找到页面的onReady这个钩子函数，进行云函数的调用：

onReady: function () {
        wx.cloud.callFunction({
          name: 'logins'
        }).then(res=>{
          console.log(res)
        })
      },

`name就是我们当时创建的云函数的名称`

`res就是在云函中return给我们的结果`

接下来就会在控制台打印出相关的日志记录：

![c55bcbbf5221492a5471046ea8e726d0.png][]

`彩蛋`

> **后续其实可以在云函数中进行更多关于数据库集合相关的操作，因为我们前端直接调用云数据库还是有一部分的受限问题，经常在开发中关于云数据库更多的操作放置在云函数中，前端调用云函数实现数据库间接调用。这也是更大程度的见证了云函数的神奇功能哦。**

那么到这一步，共享哦！ 你已经学会了如何成功在小程序前端调用云函数喽!

以上，如有纰漏或不同观点，欢迎留言讨论...

[76ba0f523fadf7ef6fe9b43975cfd2b7.png]: https://img-blog.csdnimg.cn/img_convert/76ba0f523fadf7ef6fe9b43975cfd2b7.png
[f3f33bb9c38ad58019bf815558c285f0.png]: https://img-blog.csdnimg.cn/img_convert/f3f33bb9c38ad58019bf815558c285f0.png
[fe7eda9f7cd7f32acec68bc1a67c96ea.png]: https://img-blog.csdnimg.cn/img_convert/fe7eda9f7cd7f32acec68bc1a67c96ea.png
[f0e77f8ca3bf1b1cab3d5296b63058de.png]: https://img-blog.csdnimg.cn/img_convert/f0e77f8ca3bf1b1cab3d5296b63058de.png
[bd92c2f90cce5bdc73035345d8edbca4.png]: https://img-blog.csdnimg.cn/img_convert/bd92c2f90cce5bdc73035345d8edbca4.png
[5979390d18c7106b6613beea51f635e1.png]: https://img-blog.csdnimg.cn/img_convert/5979390d18c7106b6613beea51f635e1.png
[c55bcbbf5221492a5471046ea8e726d0.png]: https://img-blog.csdnimg.cn/img_convert/c55bcbbf5221492a5471046ea8e726d0.png