【云开发】小程序端中使用云函数的介绍

Love The Way You Lie 2023-10-02 20:43 19阅读 0赞

#### 文章目录 ####

*   *  云函数
     *   *  云函数基本介绍
         *  云函数基本使用
         *  云函数传递参数
         *  云函数获取openID
         *  云函数操作数据库
         *  云函数发送http请求

### 云函数 ###

#### 云函数基本介绍 ####

**云函数即在云端(服务器端)运行的函数**:

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

**云函数的编写方式:**

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

**云开发的云函数的独特优势在于与微信登录鉴权的无缝整合**。

> 当小程序端调用云函数时，云函数的传入参数中会被注入小程序端用户的 openid，开发者无需校验 openid 的正确性因为微 信已经完成了这部分鉴权，开发者可以直接使用该 openid。

--------------------

#### 云函数基本使用 ####

**可以右键云函数的文件夹, 选择云环境**

![在这里插入图片描述][c3c299e5a6964385bad914ca6dc27ee9.png_pic_center]

**云函数的使用过程**:

> 右键点击云函数文件夹, 创建一个云函数

![在这里插入图片描述][f30b294b41664884bd21055ed69a7590.png_pic_center]

> 创建完成后, 可以在`moudle.js`文件的入口函数中编写云函数的代码逻辑

const cloud = require('wx-server-sdk')
    
    cloud.init()
    
    // 云函数入口函数
    exports.main = async (event, context) => {
        
      // 自己编写的云函数
    	return "Hello Cloud Function"
    }

> 编写完成后将云函数上传到云端

![在这里插入图片描述][cbb8ec2b4b9e4b44893d1e2ccd24007d.png_pic_center]

> 上传完成后, 可以在小程序中端调用API `wx.cloud.callFunction`对云函数进行调用

<button type="primary" bindtap="onTestTap">测试云函数</button>

Page({
        
    	async onTestTap() {
        
    		const res = await wx.cloud.callFunction({
        
    			name: "test"
    		})
    		console.log(res);
    	}
    })

#### 云函数传递参数 ####

**例如: 让云函数帮我们计算两个数字的和**

> 首先创建一个云函数`sum`, 并在云函数中编写逻辑代码, 编写完成后上传云函数

// 云函数入口文件
    const cloud = require('wx-server-sdk')
    
    cloud.init()
    
    // 云函数入口函数
    exports.main = async (event, context) => {
        
    	// 获取调用者传入的参数, event中获取传入的参数
    	const {
         num1, num2 } = event
    	return num1 + num2
    }

> 上传完成后, 在小程序端调用云函数, 并且传入参数

async onSumTap() {
        
      const num1 = 20
      const num2 = 40
    
      const res = await wx.cloud.callFunction({
        
        name: "sum",
        // data中传递参数
        data: {
        num1, num2}
      })
      console.log(res);
    }

#### 云函数获取openID ####

**openid可以用于作为用户身份的标识符，所以在云开发中我们可以获取用户openid来验证用户是否已经登录。**

> openid获取方式, 在云函数中获取微信调用上下文`cloud.getWXContext():Object`

// 云函数入口函数
    exports.main = async (event, context) => {
        
    	const wxContext = cloud.getWXContext()
    
    	return {
        
    		openid: wxContext.OPENID,
    		unionid: wxContext.UNIONID,
    	}
    }

**在小程序端调用云函数即可获得openid**

<button type="primary" bindtap="onGetOpenId">获取openid</button>

async onGetOpenId() {
        
      const res = await wx.cloud.callFunction({
        
        name: "getopenid"
      })
      console.log(res);
    }

--------------------

#### 云函数操作数据库 ####

**云函数中对数据库的操作限制更少，所以我们常常会在云函数中进行数据库操作:**

> 比如可以根据条件一次性删除多条数据;
> 
> 比如对数据请求的个数没有严格的限制, 小程序端一次可以请求20条数据, 而云函数一次可以请求100条数据;

**在云函数操作数据库的方式和小程序端是类似的, 只不过是编写到了云函数中**

// 云函数入口函数
    exports.main = async (event, context) => {
        
    	// 获取数据库和集合
    	const db = cloud.database()
    	const studentsCol = db.collection("students")
    	// 从集合中获取数据
    	const res = await studentsCol.get()
    	// 将数据返回出去
    	return res
    }

**编写完云函数上传后, 我们就可以在小程序端调用云函数获取结果**

async onGetStuengts() {
        
      const res = await wx.cloud.callFunction({
        
        name: "getStudents"
      })
      console.log(res);
    }

--------------------

#### 云函数发送http请求 ####

**云函数中支持对其他服务器进行http请求，也支持使用axios库发生网络请求:**

> 所以对于小程序某些域名的限制无法配置时，我们可以通过云函数作为代理来请求数据，再返回给小程序端;

**进入编写云函数的文件夹下, 安装axios库`npm i axios`发送网络请求, 安装完成后就可以在云函数中通过axios发送网络请求**

// 云函数入口文件
    const cloud = require('wx-server-sdk')
    // 引入axios
    const axios = require('axios')
    
    cloud.init()
    
    // 云函数入口函数
    exports.main = async (event, context) => {
        
    	// 从自己的服务器请求数据
    	const res = await axios.get("http://123.207.32.32:8000/home/multidata")
    	// 将数据返回给客户端
    	return res.data
    }

**在小程序端我们就可以调用云函数获取到axios返回的数据**

async onGetHome() {
        
      const res = await wx.cloud.callFunction({
        
        name: "getHomeData"
      })
      console.log(res);
    }

[c3c299e5a6964385bad914ca6dc27ee9.png_pic_center]: https://img-blog.csdnimg.cn/c3c299e5a6964385bad914ca6dc27ee9.png#pic_center
[f30b294b41664884bd21055ed69a7590.png_pic_center]: https://img-blog.csdnimg.cn/f30b294b41664884bd21055ed69a7590.png#pic_center
[cbb8ec2b4b9e4b44893d1e2ccd24007d.png_pic_center]: https://img-blog.csdnimg.cn/cbb8ec2b4b9e4b44893d1e2ccd24007d.png#pic_center