cf-callfunction.md 13.2 KB
Newer Older
W
wanganxp 已提交
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
**普通云函数**

callFunction方式云函数,也称之为普通云函数。

uni-app的前端代码,不再执行`uni.request`联网,而是通过`uniCloud.callFunction`调用云函数。

callFunction方式避免了服务器提供域名,不暴露固定ip,减少被攻击的风险。

- 对于uni-app前端而言,使用云对象会比使用callFunction云函数方式更为简单清晰。
- 但对于非uni-app前端调用的场景,比如5+App、外部应用、服务器要调用云函数,或者uniCloud定时任务,此时不适合使用云对象,还是需要云函数。

`uniCloud.callFunction`可以在uni-app前端执行,也可以在uniCloud云函数中执行。也就是前端和云端都可以调用另一个云函数。

`callFunction`方法的参数和返回值如下:

## callFunction方法

`uniCloud.callFunction`需要一个json对象作为参数,其中包含2个字段

|字段	|类型	|必填	|说明		|
|:-:	|:-:	|:-:	|:-:		|
|name	|String	|是		|云函数名称|
|data	|Object	|否		|客户端需要传递的参数|

**返回json**

|字段		|类型			|说明																	|
|:-:		|:-:			|:-:																	|
W
wanganxp 已提交
29
|result		|Object			|云函数中代码return的返回结果												|
W
wanganxp 已提交
30 31 32 33 34
|requestId	|String			|云函数请求序列号,用于错误排查,可以在uniCloud web控制台的云函数日志中查到	|
|header		|Object			|服务器header信息														|
|errCode	|Number或String	|服务器错误码															|
|success	|bool			|执行是否成功															|

W
wanganxp 已提交
35 36 37
注意:HBuilderX本地运行云函数时只返回`result`,其他需要在云端运行云函数才会返回

返回格式,下文有详细解读 [详见](?id=returnformat)
W
wanganxp 已提交
38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64

**前端示例代码**

假使云服务空间有一个云函数名为“hellocf”,那么前端可以通过如下方式调用这个云函数

```javascript
// promise方式
uniCloud.callFunction({
    name: 'hellocf',
    data: { a: 1 }
  })
  .then(res => {});

// callback方式
uniCloud.callFunction({
	name: 'hellocf',
	data: { a: 1 },
	success(){},
	fail(){},
	complete(){}
});
```

## 云函数的入参

客户端callFunction调用云函数时,云函数通过入参接收客户端数据,通过头信息上下文获取客户端信息,经过业务逻辑处理后给客户端返回结果。

W
wanganxp 已提交
65
假使客户端代码调用云函数`hellocf`,并传递了`{a:1,b:2}`的数据,
W
wanganxp 已提交
66 67 68 69 70 71 72 73 74 75 76 77 78 79 80
```js
// 客户端调用云函数并传递参数
uniCloud.callFunction({
    name: 'hellocf',
    data: {a:1,b:2}
  })
  .then(res => {});
```

那么云函数侧的代码如下,将传入的两个参数求和并返回客户端:
```js
// hellocf云函数index.js入口文件代码
'use strict';
exports.main = async (event, context) => {
	//event为客户端上传的参数
W
wanganxp 已提交
81
	let c = event.a + event.b
W
wanganxp 已提交
82
	return {
W
wanganxp 已提交
83
		sum: c
W
wanganxp 已提交
84 85 86 87 88 89
	} // 通过return返回结果给客户端
}
```

云函数的传入参数有两个,一个是`event`对象,一个是`context`对象。
- `event`指的是触发云函数的事件。当客户端调用云函数时,`event`就是客户端调用云函数时传入的参数。
W
wanganxp 已提交
90 91 92 93 94
- `context` 对象包含了本次请求的上下文,包括客户端的ip、ua、appId等信息,以及云函数的环境情况、调用来源source等信息。

### event对象

event对象,可以理解为客户端上行参数中的json对象。在使用`uni-id`且登录成功后,会自动多添加了一个`uniIdToken`属性。
W
wanganxp 已提交
95

W
wanganxp 已提交
96
可以通过 `event.uniIdToken` 获取 uni-id 的 token,如下:
W
wanganxp 已提交
97 98 99 100

```js
'use strict';
exports.main = async (event, context) => {
W
wanganxp 已提交
101
  let token = event.uniIdToken // 客户端uni-id token
W
wanganxp 已提交
102 103 104
}
```

W
wanganxp 已提交
105
所以开发者需注意,自己上行的参数对象不要包含uniIdToken属性,避免同名冲突。
W
wanganxp 已提交
106

W
wanganxp 已提交
107
**入参的体积限制**
W
wanganxp 已提交
108

W
wanganxp 已提交
109
云函数上行的参数内容不能传太大。
W
wanganxp 已提交
110

W
wanganxp 已提交
111
- 阿里云event大小不可超过1MB
雪洛's avatar
雪洛 已提交
112
- 腾讯云event大小不可超过5MB
W
wanganxp 已提交
113

雪洛's avatar
雪洛 已提交
114
### context对象@context
W
wanganxp 已提交
115

W
wanganxp 已提交
116
- `context` 对象包含了本次请求的上下文,包括客户端的ip、ua、appId等信息,以及云函数的环境情况、调用来源source等信息。
W
wanganxp 已提交
117

W
wanganxp 已提交
118
context对象的属性清单如下:
W
wanganxp 已提交
119

雪洛's avatar
雪洛 已提交
120 121 122 123 124 125 126 127 128
|属性名称					|类型	|说明																									|
|--							|--		|--																										|
|SPACEINFO					|object	|服务空间信息																							|
| |- spaceId		|string	|服务空间id																								|
| |- provider		|string	|服务空间供应商:aliyun|tencent																	|
|SOURCE						|string	|云函数调用来源 [详见](?id=context-source)																|
|FUNCTION_NAME				|string	|获取云函数名称																							|
|FUNCTION_TYPE				|string	|获取云函数类型,对于云函数来说,这里一定会返回`cloudfunction`,新增于HBuilderX 3.5.1。					|
|CLIENTIP					|string	|客户端IP。如果调用来源是其他服务器,会返回调用方的ip													|
雪洛's avatar
雪洛 已提交
129
|CLIENTUA					|string	|客户端userAgent。注意非本地运行环境下客户端getSystemInfoSync也会获取ua参数并上传给云函数,但是云函数会从http请求头里面获取ua而不是clientInfo里面的ua				|
雪洛's avatar
雪洛 已提交
130
|uniIdToken					|string	|客户端uni-id token字符串,新增于HBuilderX 3.5.1。														|
W
wanganxp 已提交
131

W
wanganxp 已提交
132 133 134 135 136 137
除了上述属性,如果是uni-app客户端通过callfunction访问云函数,那么context还会追加一批客户端信息。
- HBuilderX 3.4.9前,context 添加了一批大写属性,如APPID、OS。
- HBuilderX 3.4.9起,context 的属性包括前端API `uni.getSystemInfo` 的所有属性。比如appId、osName,均以驼峰方式命名。这些属性较多,且可能跟随前端API更新而变化,具体详见 [uni.getSystemInfo](/api/system/info.html#getsysteminfo)

为了保持向下兼容,新版并没有去掉老版那些大写属性的客户端信息,但文档标注为以废弃。对于新版HBuilderX用户而言,请使用 `uni.getSystemInfo` 返回的驼峰属性。

W
wanganxp 已提交
138 139
HBuilderX 3.4.9起,context 的属性还可以打印出`channel``scene`,即App的渠道包标记和小程序场景值。但这个功能属于未完成功能,开发者暂不使用这2个属性,后续会升级完善。目前如开发者需要这2个属性,请自行在客户端使用[uni.getLaunchOptionsSync](/api/plugins/getLaunchOptionsSync.html#getlaunchoptionssync)上传。

W
wanganxp 已提交
140
示例:
W
wanganxp 已提交
141 142 143 144

```js
'use strict';
exports.main = async (event, context) => {
W
wanganxp 已提交
145 146 147 148
	//event为客户端上传的参数
  //...
  //context中可获取客户端调用的上下文
  let clientIP = context.CLIENTIP // 客户端ip信息
W
wanganxp 已提交
149
  let spaceInfo = context.SPACEINFO // 当前环境信息 {spaceId:'xxx',provider:'tencent'}
W
wanganxp 已提交
150 151 152 153 154
  let source = context.SOURCE // 云函数调用来源
  // 以下属性只有使用uni-app以callFunction方式调用才能获取,即context.SOURCE=="client",调用方不是uni-app客户端则没有相应数据
  let appid = context.appId // manifest.json中配置的appid
  let deviceId = context.deviceId // 客户端标识,新增于HBuilderX 3.1.0,同uni-app客户端getSystemInfo接口获取的deviceId
	//... //其它业务代码
W
wanganxp 已提交
155 156 157
}
```

W
wanganxp 已提交
158

雪洛's avatar
雪洛 已提交
159
#### 获取云函数调用来源@context-source
W
wanganxp 已提交
160

W
wanganxp 已提交
161 162 163 164 165 166 167 168 169 170
context.SOURCE,返回云函数调用来源,它的值域为:

|取值		|解释								|
|--			|--									|
|client		|客户端callFunction方式调用			|
|http		|云函数url化方式调用				|
|timing		|定时触发器调用						|
|function	|由其他云函数callFunction调用		|
|server		|由uniCloud管理端调用,HBuilderX里上传并运行|

W
wanganxp 已提交
171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189
```js
'use strict';
exports.main = async (event, context) => {
  let source = context.SOURCE // 当前云函数被何种方式调用
  // client   客户端callFunction方式调用
  // http     云函数url化方式调用
  // timing   定时触发器调用
  // server   由管理端调用,HBuilderX里上传并运行
  // function 由其他云函数callFunction调用
}
```


**注意事项**
- 客户端上报的信息在理论上存在被篡改可能,实际业务中应验证前端传来的数据的合法性
- `context.PLATFORM`的取值,有 `app``app-plus` 两种情况。
	* uni-app的vue3版本取值为`app`
	* vue2版本,在uni-app 3.4.9之前,取值为 `app-plus`,uni-app 3.4.9起,该值修改为了`app`

W
wanganxp 已提交
190
除了CLIENTIP外,其他客户端信息只有使用uni-app客户端以callFunction方式调用才能获取。如果云函数url化后被uni-app通过request调用,也没有客户端信息。
W
wanganxp 已提交
191 192 193 194 195 196 197

在云函数URL化的场景无法获取客户端平台信息,可以在调用依赖客户端平台的接口接口之前(推荐在云函数入口)通过修改context.PLATFORM手动传入客户端平台信息供其他插件(如:uni-id)使用

例:

```js
exports.main = async (event, context) => {
雪洛's avatar
雪洛 已提交
198
	context.PLATFORM = 'app'
W
wanganxp 已提交
199 200 201
}
```

W
wanganxp 已提交
202
## 云函数的返回格式@returnformat
W
wanganxp 已提交
203 204 205

普通云函数返回给客户端的是json格式数据。返回结果包裹在result下。

W
wanganxp 已提交
206
前端发起callFunction到云端接收参数并响应,然后反馈前端,前端接收,完整流程代码如下:
W
wanganxp 已提交
207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234

```js
// 客户端发起调用云函数hellocf,并传入data数据
uniCloud.callFunction({
	name: 'hellocf',
	data: {a:1,b:2}
}).then((res) => {
	console.log(res.result) // 结果是 {sum: 3}
}).catch((err) => {
	console.error(err)
})
```

```js
// 云函数hellocf的代码,接收到客户端传递的data,并对其中a和b相加返回给客户端
'use strict';
exports.main = async (event, context) => {
	//event为客户端上传的参数
	console.log('event : ', event)
	//返回数据给客户端
	return {sum : event.a + event.b}
};

```

那么客户端得到的res结构如下
```json
{
W
wanganxp 已提交
235 236
	"errCode": 0,
	"errMsg": "",
W
wanganxp 已提交
237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259
	"header": {
		"access-control-expose-headers": "Date,x-fc-request-id,x-fc-error-type,x-fc-code-checksum,x-fc-invocation-duration,x-fc-max-memory-usage,x-fc-log-result,x-fc-invocation-code-version"
		"content-disposition": "attachment"
		"content-length": "38"
		"content-type": "application/json"
		"date": "Sat, 25 Jun 2022 19:28:34 GMT"
		"x-fc-code-checksum": "92066386860027743"
		"x-fc-instance-id": "c-62b761c4-5a85e238b3ce404c817d"
		"x-fc-invocation-duration": "23"
		"x-fc-invocation-service-version": "LATEST"
		"x-fc-max-memory-usage": "66.61"
		"x-fc-request-id": "80854b93-b0c7-43ab-ab16-9ee9f77ff41e"
		"x-serverless-request-id": "ac1403831656185314624173902"
		"x-serverless-runtime-version": "1.2.2"
	}
	"requestId": "ac1403831656185314624173902"
	"result": {sum: 3}
	"success": true
}
```

其中`result`是开发者云函数代码返回的数据,其余是云平台返回的。

W
wanganxp 已提交
260 261 262 263 264 265 266 267 268 269
注意:HBuilderX本地运行云函数时,如果没有系统错误,则只返回`result`,其他需要在云端运行云函数才会返回。

- errCode为0时,success也是true。
	* 表示云函数在系统层面没有运行错误。可以正常返回result。前端callFunction会进入success回调
	* 如果开发者的业务有报错,可以在 result 里返回 errCode 和 errMsg。
- errCode不为0时,success为false。
	* 表示云函数在系统层面报错了,比如联网失败、云函数超时、内存超限等错误。前端callFunction会进入fail回调
	* 发生系统错误时 result 里无法正常返回业务错误。errCode不为0时,还会返回errMsg。
- requestId是云函数的请求id,线上运行时,可以在uniCloud web控制台的云函数日志中查看运行日志。
- header是云厂商的一些信息,阿里云和腾讯云不同,上面示例代码是阿里云的header。
W
wanganxp 已提交
270 271 272

**uniCloud响应体规范**

W
wanganxp 已提交
273 274 275
为了方便统一拦截错误,推荐开发者使用 [uniCloud响应体规范](cf-functions.md?id=resformat)

业务报错时,在 result 里返回 errCode 和 errMsg。如下:
W
wanganxp 已提交
276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295

```js
'use strict';
exports.main = async (event, context) => {
	//event为客户端上传的参数
	console.log('event : ', event)
	if (!event.a) {
		return {errCode : 1,errMsg : "参数a不能为空"}
	}
	if (!event.b) {
		return {errCode : 2,errMsg : "参数b不能为空"}
	}
	const c = event.a + event.b
	if (isNaN(c)) {
		return {errCode : 3,errMsg : "参数a和b无法求和"}
	}
	//返回数据给客户端
	return {sum:c,errCode : 1,errMsg : "0"}
};
```
296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339

## 在云函数中使用cookie

在某些场景下,cookie依然占有重要地位,例如在云函数URL化的情况下,获取客户端的状态

在云函数中使用cookie需要依赖cookie库[npm页面地址](http://https://www.npmjs.com/package/cookie),可以通过`npm inistall cookie` 安装

```js
'use strict';

//引入cookie
const cookie = require('cookie')
exports.main = async (event, context) => {
	//event为客户端上传的参数
	//如果客户端有cookie,则cookie回随请求携带至服务端,放置在event.headers.cookie中,假设 cookie为“[jwt=自加密base64; app=uniCloud]”
	console.log('event : ', event)
    
        //解析cookie
        const cookieData = cookie.parse( event.headers.cookie||'' )
        console.log(cookieData)//输出结果为:{jwt:"自加密base64", app:"uniCloud" }

        //设置cookie到客户端

        const cookieOptions = {
            //具体参数请查阅 https://www.npmjs.com/package/cookie
            maxAge: 60 * 60 * 24 * 7,//一周
            path:"/"
        }
        const setCookieData = cookie.serialize('app', 'appName', cookieOptions)
        return {
            statusCode: 200,
            headers: {
                'content-type': '返回数据类型',
                'set-cookie': setCookieData
            },
            body: '返回数据'
        }
	
};

```