云开发（微信-小程序）笔记（五）----云函数，就这（上）

云开发（微信-小程序）笔记（四）---- 还有吗？再来点

云函数

云函数即在云端（服务器端）运行的函数。在物理设计上，一个云函数可由多个文件组成，占用一定量的 CPU 内存等计算资源；各云函数完全独立；可分别部署在不同的地区。开发者无需购买、搭建服务器，只需编写函数代码并部署到云端即可在小程序端调用，同时云函数之间也可互相调用。

一个云函数的写法与一个在本地定义的 JavaScript 方法无异，代码运行在云端 Node.js 中。当云函数被小程序端调用时，定义的代码会被放在 Node.js 运行环境中执行。我们可以如在 Node.js 环境中使用 JavaScript 一样在云函数中进行网络请求等操作，而且我们还可以通过云函数后端 SDK 搭配使用多种服务，比如使用云函数 SDK 中提供的数据库和存储 API 进行数据库和存储的操作，

**云开发的云函数的独特优势在于与微信登录鉴权的无缝整合。**当小程序端调用云函数时，云函数的传入参数中会被注入小程序端用户的 openid，开发者无需校验 openid 的正确性因为微信已经完成了这部分鉴权，开发者可以直接使用该 openid。

云函数与云数据库的对比

操作	云函数	云数据库
返回数据的上限	100	20
更新数据 全更新	只能更新自己创建的
删除数据	全删除	只能删除自己创建的
运行环境	云端	本地
功能范围	大	小（只能在数据库上进行操作）

初始化云函数的环境

1.创建与pages平行的文件夹作为云函数（cloud）的工作目录
2.在project.config.json里面配置云函数所在目录为cloud(首行)

"cloudfunctionRoot":"/cloud",

如下图所示

3.保存后，云函数的文件夹（cloud）出现云朵，就表示初始化成功。

4.选择环境要与小程序初始化时的环境一致。

5.如果新建的云函数（右键新建node,js）与云函数的文件夹（cloud）显示在同一层，只需要在资源管理器的云函数的文件夹（cloud）中创建一个空白的文件夹即可。

云函数-Openid的调用

1.先创建一个云函数getDate（默认代码有获取openid的功能）

2.在app.json里新增一个

 "pages/yunhanshu/yunhanshu", // 云函数

3.在yunhanshu.js里编写如下内容

Page({
  onLoad(){
    //云函数调用
    wx.cloud.callFunction({
      name:'getDate' //云函数名
    })
    .then(res =>{
      console.log('成功',res)
      this.setData({
        openid:res.result.openid
      })
    })
    .catch(res =>{
      console.log('失败',res)
    })
  }
})

4.在yunhanshu.wxml里修改成如下内容

<text>{{openid}}</text>

此时，打开模拟器，就可以在页名上看见你自己的openid了！

云函数-数据查询

1.先创建一个云函数getDate（默认代码有获取openid的功能）

2.将云函数入口函数修改如下

// 云函数入口函数
exports.main = async (event, context) => {
  return cloud.database().collection('Goods').get()
}

2.在app.json里新增一个云函数页面（如果有的话，就跳过）

 "pages/yunhanshu/yunhanshu", // 云函数

3.在yunhanshu.js里编写如下内容

Page({
  onLoad(){
    //云函数调用
    wx.cloud.callFunction({
      name:'getDate' //云函数名
    })
    .then(res =>{
      console.log('成功',res)
      this.setData({
        openid:res.result.openid
      })
    })
    .catch(res =>{
      console.log('失败',res)
    })
  }
})

4.在yunhanshu.wxml里修改成如下内容

<!--pages/yunhanshu/yunhanshu.wxml-->
<view wx:for = "{{list}}">
商品名：{{item.name}},价格：{{item.price}},生产地：{{item.shengchandi}}
</view>

效果图如下：

云函数-数据添加

1.先创建一个云函数Add

2.编写Add中的index.js

// 云函数入口文件
const cloud = require('wx-server-sdk')

cloud.init({
  env: cloud.DYNAMIC_CURRENT_ENV 
})

// 云函数入口函数
exports.main = async (event, context) => {
  return cloud.database().collection('Goods')
    .add({
      data:{
      name:event.name,
      price:parseInt(event.price), 
      shengchandi:event.shengchandi
           }
    })
  }

3.替换原来的增加数据代码
如下

 //调用云函数进行数据增加
  wx.cloud.callFunction({
      name: 'Add',
      data: { 
        
        price: parseInt(price),
        shengchandi: shengchandi,
        name: name
      }
  })

云开发（微信-小程序）笔记（六）----云函数，就这（下）

感谢大家，点赞，收藏，关注，评论！