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

云函数

云函数基本介绍

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

在物理设计上，一个云函数可由多个文件组成，占用一定量的CPU 内存等计算资源;

各云函数完全独立，可分别部署在不同的地区;

开发者无需购买、搭建服务器，只需编写函数代码并部署到云端即可在小程序端调用;

同时云函数之间也可互相调用;

云函数的编写方式:

一个云函数的写法与一个在本地定义的 JavaScript 方法无异，代码运行在云端 Node.js 中;

当云函数被小程序端调用时，定义的代码会被放在Node.js 运行环境中执行;

我们可以如在 Node.js 环境中使用 JavaScript 一样在云函数中进行网络请求等操作，而且我们还可以通过云函数后端 SDK 搭配使用多种服务，比如使用云函数 SDK 中提供的数据库和存储 API 进行数据库和存储的操作

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

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

---

云函数基本使用

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

云函数的使用过程:

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

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

const cloud = require('wx-server-sdk')

cloud.init()

// 云函数入口函数
exports.main = async (event, context) => {
  // 自己编写的云函数
	return "Hello Cloud Function"
}
1
2
3
4
5
6
7
8
9

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

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

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

Page({
	async onTestTap() {
		const res = await wx.cloud.callFunction({
			name: "test"
		})
		console.log(res);
	}
})
1
2
3
4
5
6
7
8

云函数传递参数

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

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

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

cloud.init()

// 云函数入口函数
exports.main = async (event, context) => {
	// 获取调用者传入的参数, event中获取传入的参数
	const { num1, num2 } = event
	return num1 + num2
}
1
2
3
4
5
6
7
8
9
10
11

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

async onSumTap() {
  const num1 = 20
  const num2 = 40

  const res = await wx.cloud.callFunction({
    name: "sum",
    // data中传递参数
    data: {num1, num2}
  })
  console.log(res);
}
1
2
3
4
5
6
7
8
9
10
11
12

云函数获取openID

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

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

// 云函数入口函数
exports.main = async (event, context) => {
	const wxContext = cloud.getWXContext()

	return {
		openid: wxContext.OPENID,
		unionid: wxContext.UNIONID,
	}
}
1
2
3
4
5
6
7
8
9

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

<button type="primary" bindtap="onGetOpenId">获取openidbutton>
1

async onGetOpenId() {
  const res = await wx.cloud.callFunction({
    name: "getopenid"
  })
  console.log(res);
}
1
2
3
4
5
6

---

云函数操作数据库

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

比如可以根据条件一次性删除多条数据;

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

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

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

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

<button type="primary" bindtap="onGetStuengts">获取数据button>
1

async onGetStuengts() {
  const res = await wx.cloud.callFunction({
    name: "getStudents"
  })
  console.log(res);
}
1
2
3
4
5
6

---

云函数发送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
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14

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

async onGetHome() {
  const res = await wx.cloud.callFunction({
    name: "getHomeData"
  })
  console.log(res);
}
1
2
3
4
5
6