微信小程序云开发中云函数的基本方法使用

素颜马尾好姑娘i 2023-07-18 02:36 8阅读 0赞

看教程之前务必先安装好nodejs并安装微信云开发包

## 1.新建云函数 ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FiY18xMjM0NTZfX18_size_16_color_FFFFFF_t_70][]

这是整个项目的目录结构，右击cloudfunctions,选择新建云函数，填入云函数的名字

然后对应的云函数下就会生成index.js和package.json

![2020032315391187.png][]

## 2.编写sql ##

进入index.js，在里面进行编写，对云数据库的操作

下面是一个例子，比如我们要根据id获取数据库中唯一的一条记录

那么，我们可以这样写

// 云函数入口文件
    const cloud = require('wx-server-sdk')
    
    cloud.init()
    
    // 云函数入口函数
    exports.main = async (event, context) => {
      const wxContext = cloud.getWXContext()
      const db = cloud.database()
      console.log
      try {
        return await db.collection('story').where({
          _id:event._id
        }).limit(1).get()
      } catch (e) {
        console.error(e)
        return e
      }
    }

其中，story是我们在数据库中添加的集合，也就是通常我们所说的数据库的表，在微信中称之为集合collection

db=cloud.database(),其中db是根据我们项目所配置的云环境中的数据库

由于查询操作是异步的，所以需要使用await 关键字来等待数据的成功获取

where中就是查询的条件，如果不需要条件可以直接去掉

例如我这个是根据\_id来查询唯一一条数据，\_id:event.\_id，\_id就是集合中的字段，而event.\_id是我们传入的数据

## 请先记住event ##

.limit就是限制返回的条数，由于我这里是根据id查询，返回结果是唯一的，所以去掉limit也是一样的

## 3.如何在页面中调用云函数 ##

wx.cloud.callFunction({
          name:"getStoryById",
          data:{
            _id:app.globalData.storyId
          },
          complete:res=>{
            console.log(res.result.data[0].html)
            this.setData({
              nodes: res.result.data[0].html
            })
            wx.hideLoading()
          }
        })
        console.log(app.globalData.html)
        this.setData({
          nodes:app.globalData.html
        })

通过wx.cloud.callFunction()来调用云函数

其中name就是我们要调用的云函数的名字

data就是我们要传入的数据，记住之前的event没有？

通过data传入的数据，便可以通过event.来获取

比如我们在data中传入\_id:"sssdaregewg",便可以在云函数中通过event.\_id获取到

complete就是云函数调用会完成执行的函数

res就是返回的数据，也就是我们查询的数据，数据一般是在res.result.data数组中

如果想要实现分页，可以看我之前的文章[https://blog.csdn.net/abc\_123456\_\_\_/article/details/105032656][https_blog.csdn.net_abc_123456_article_details_105032656]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FiY18xMjM0NTZfX18_size_16_color_FFFFFF_t_70]: /images/20230528/16fb9fa0dc2d4ebe8cb3d867357736c1.png
[2020032315391187.png]: /images/20230528/fc1647fafd0243d09462e5d3918d8ed4.png
[https_blog.csdn.net_abc_123456_article_details_105032656]: https://blog.csdn.net/abc_123456___/article/details/105032656