cloud-obj.md 11.2 KB
Newer Older
雪洛's avatar
雪洛 已提交
1 2 3 4
## 云对象

> 新增于 HBuilderX 3.4.0

雪洛's avatar
雪洛 已提交
5
云对象本质上是对云函数的封装,和传统方式通过callFunction调用云函数相比,云对象写法更简单,调用更清晰。另外云对象默认支持[uniCloud响应体规范](uniCloud/cf-functions.md?id=resformat),对于满足规范的错误响应会在客户端自动抛出错误,开发者可以少写很多繁琐的判断。
雪洛's avatar
雪洛 已提交
6

雪洛's avatar
雪洛 已提交
7
以下面的云函数为例,对比一下云对象和传统云函数
雪洛's avatar
雪洛 已提交
8 9 10 11 12

**传统callFunction方式代码如下:**

```js
// 传统方式调用云函数-云函数代码
雪洛's avatar
雪洛 已提交
13
// 云函数名:todo
雪洛's avatar
雪洛 已提交
14 15 16 17
// 云函数入口index.js内容如下
'use strict';
exports.main = async (event, context) => {
	const {
雪洛's avatar
雪洛 已提交
18
		method,
雪洛's avatar
雪洛 已提交
19 20
		params
	} = event
雪洛's avatar
雪洛 已提交
21
	switch(method) {
雪洛's avatar
雪洛 已提交
22 23 24 25
		case 'add': {
			let {
				title,
				content
雪洛's avatar
雪洛 已提交
26
			} = params
雪洛's avatar
雪洛 已提交
27 28 29
			title = title.trim()
			content = content.trim()
			if(!title || !content) {
雪洛's avatar
雪洛 已提交
30
				return {
雪洛's avatar
雪洛 已提交
31 32
					errCode: 'INVALID_TODO',
					errMsg: 'TODO标题或内容不可为空'
雪洛's avatar
雪洛 已提交
33 34
				}
			}
雪洛's avatar
雪洛 已提交
35
			// ...省略其他逻辑
雪洛's avatar
雪洛 已提交
36 37
			return {
				errCode: 0,
雪洛's avatar
雪洛 已提交
38
				errMsg: '创建成功'
雪洛's avatar
雪洛 已提交
39 40 41 42
			}
		}
	}
	return {
雪洛's avatar
雪洛 已提交
43 44
		errCode: 'METHOD_NOT_FOUND',
		errMsg: `Method[${method}] not found`
雪洛's avatar
雪洛 已提交
45 46 47 48
	}
};

// 传统方式调用云函数-客户端代码
雪洛's avatar
雪洛 已提交
49
async function addToDo () {
雪洛's avatar
雪洛 已提交
50 51
	try {
		const res = uniCloud.callFunction({
雪洛's avatar
雪洛 已提交
52
			name: 'todo', 
雪洛's avatar
雪洛 已提交
53
			data: {
雪洛's avatar
雪洛 已提交
54
				method: 'add',
雪洛's avatar
雪洛 已提交
55
				params: {
雪洛's avatar
雪洛 已提交
56 57
					title: 'title demo',
					content: 'content demo'
雪洛's avatar
雪洛 已提交
58 59 60 61 62 63 64 65 66
				}
			}
		})
		const {
			errCode,
			errMsg
		} = res.result
		if(errCode) {
			uni.showModal({
雪洛's avatar
雪洛 已提交
67
				title: '创建失败',
雪洛's avatar
雪洛 已提交
68 69 70 71 72 73
				content: errMsg,
				showCancel: false
			})
			return
		}
		uni.showToast({
雪洛's avatar
雪洛 已提交
74
			title: '创建成功'
雪洛's avatar
雪洛 已提交
75 76 77
		})
	} catch (e) {
		uni.showModal({
雪洛's avatar
雪洛 已提交
78
			title: '创建失败',
雪洛's avatar
雪洛 已提交
79 80 81 82 83 84 85 86 87 88 89
			content: e.message,
			showCancel: false
		})
	}
}
```

**使用云对象的写法如下:**

```js
// 使用云对象的写法-云对象代码
雪洛's avatar
雪洛 已提交
90
// 云对象名:todo
雪洛's avatar
雪洛 已提交
91 92
// 云对象入口index.obj.js内容如下
module.exports = {
雪洛's avatar
雪洛 已提交
93 94 95 96
	add(title, content) {
		title = title.trim()
		content = content.trim()
		if(!title || !content) {
雪洛's avatar
雪洛 已提交
97
			return {
雪洛's avatar
雪洛 已提交
98 99
				errCode: 'INVALID_TODO',
				errMsg: 'TODO标题或内容不可为空'
雪洛's avatar
雪洛 已提交
100 101
			}
		}
雪洛's avatar
雪洛 已提交
102
		// ...其他逻辑
雪洛's avatar
雪洛 已提交
103 104
		return {
			errCode: 0,
雪洛's avatar
雪洛 已提交
105
			errMsg: '创建成功'
雪洛's avatar
雪洛 已提交
106 107 108 109 110
		}
	}
}

// 使用云对象的写法-客户端代码
雪洛's avatar
雪洛 已提交
111 112
const todo = uniCloud.importObject('todo')
async function addTodo () {
雪洛's avatar
雪洛 已提交
113
	try {
雪洛's avatar
雪洛 已提交
114
		const res = await todo.add('title demo', 'content demo')
雪洛's avatar
雪洛 已提交
115
		uni.showToast({
雪洛's avatar
雪洛 已提交
116
			title: '创建成功'
雪洛's avatar
雪洛 已提交
117 118 119 120
		})
	} catch (e) {
		// 此形式响应符合uniCloud响应体规范中的错误响应,自动抛出此错误
		// {
雪洛's avatar
雪洛 已提交
121 122
		// 	errCode: 'INVALID_TODO',
		// 	errMsg: 'TODO标题或内容不可为空'
雪洛's avatar
雪洛 已提交
123 124
		// }
		uni.showModal({
雪洛's avatar
雪洛 已提交
125
			title: '创建失败',
雪洛's avatar
雪洛 已提交
126 127 128 129 130 131 132
			content: e.errMsg,
			showCancel: false
		})
	}
}
```

雪洛's avatar
雪洛 已提交
133
可以看到大量的业务无关代码被简化掉,开发效率UP。此外通过`ObjectName.MethodName`的方式调用云函数和云端写法完全一致,心智负担大幅减小。请阅读以下内容深入了解云对象
雪洛's avatar
雪洛 已提交
134

雪洛's avatar
雪洛 已提交
135
## 快速上手
雪洛's avatar
雪洛 已提交
136

雪洛's avatar
雪洛 已提交
137
### 创建云对象
雪洛's avatar
雪洛 已提交
138

雪洛's avatar
雪洛 已提交
139
和创建云函数一样,在`cloudfunctions`目录右键即可输入云对象名称创建云对象,此处以云对象todo为例,创建的云对象包含一个`index.obj.js`。内容如下
雪洛's avatar
雪洛 已提交
140 141

```js
雪洛's avatar
雪洛 已提交
142
// cloudfunctions/todo/index.obj.js
雪洛's avatar
雪洛 已提交
143
module.exports = {
雪洛's avatar
雪洛 已提交
144
	
雪洛's avatar
雪洛 已提交
145 146 147
}
```

雪洛's avatar
雪洛 已提交
148
默认云对象模板是不包含任何方法的,我们为此对象添加一个add方法作为示例。
雪洛's avatar
雪洛 已提交
149

雪洛's avatar
雪洛 已提交
150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169
```js
// cloudfunctions/todo/index.obj.js
module.exports = {
	add: function(title = '', content = '') {
		title = title.trim()
		content = content.trim()
		if(!title || !content) {
			return {
				errCode: 'INVALID_TODO',
				errMsg: 'TODO标题或内容不可为空'
			}
		}
		// ...其他逻辑
		return {
			errCode: 0,
			errMsg: '创建成功'
		}
	}
}
```
雪洛's avatar
雪洛 已提交
170

雪洛's avatar
雪洛 已提交
171 172 173 174 175
至此云对象todo已经有了一个可以访问的方法了。接下来看如何使用客户端调用此云对象内的方法

### 客户端调用

客户端通过`uniCloud.importObject`方法获取云对象的实例,并可以通过此实例调用云对象内的方法。用法如下
雪洛's avatar
雪洛 已提交
176 177

```js
雪洛's avatar
雪洛 已提交
178 179
const todo = uniCloud.importObject('todo')
const res = await todo.add('title demo', 'content demo')
雪洛's avatar
雪洛 已提交
180 181
```

雪洛's avatar
雪洛 已提交
182
## 云对象的API@api
雪洛's avatar
雪洛 已提交
183

雪洛's avatar
雪洛 已提交
184 185 186 187 188 189 190 191 192
云对象的方法内可以通过this上的一些接口获取一些信息

### 获取客户端信息@get-client-info

**接口形式**

`this.getClientInfo()`

**示例:**
雪洛's avatar
雪洛 已提交
193 194

```js
雪洛's avatar
雪洛 已提交
195 196 197 198 199 200 201 202 203 204 205 206 207 208 209
module.exports = {
	add: function() {
		const clientInfo = this.getClientInfo()
		// clientInfo = {
		// 	os,
		// 	appId,
		// 	locale,
		// 	clientIP,
		// 	userAgent,
		// 	platform,
		// 	deviceId,
		// 	uniIdToken
		// }
	}
}
雪洛's avatar
雪洛 已提交
210 211
```

雪洛's avatar
雪洛 已提交
212
**返回值**
雪洛's avatar
雪洛 已提交
213

雪洛's avatar
雪洛 已提交
214 215 216 217 218 219 220 221 222 223
|参数名		|类型	|必备	|说明											|
|--			|--		|--		|--												|
|os			|string	|是		|客户端系统										|
|appId		|string	|是		|客户端DCloud AppId								|
|locale		|string	|是		|客户端语言										|
|clientIP	|string	|是		|客户端ip										|
|userAgent	|string	|是		|客户端ua										|
|platform	|string	|是		|客户端平台,app,mp-weixin等					|
|deviceId	|string	|是		|客户端deviceId,目前同getSystemInfo内的deviceId|
|uniIdToken	|string	|是		|客户端用户token								|
雪洛's avatar
雪洛 已提交
224

雪洛's avatar
雪洛 已提交
225
**注意**
雪洛's avatar
雪洛 已提交
226

雪洛's avatar
雪洛 已提交
227 228 229 230 231 232 233 234 235
- 与云函数内获取客户端platform稍有不同,云函数未拉齐vue2、vue3版本app平台的platform值,vue2为`app-plus`,vue3为`app`。云对象无论客户端是vue2还是vue3,在app平台获取的platform均为`app`

### 获取云端信息@get-cloud-info

**接口形式**

`this.getCloudInfo()`

**示例**
雪洛's avatar
雪洛 已提交
236 237

```js
雪洛's avatar
雪洛 已提交
238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269
module.exports = {
	add: function(){
		const cloudInfo = this.getCloudInfo()
		// cloudInfo = {
		//     provider,
		//     spaceId
		// }
	}
}
```

**返回值**

|参数名		|类型	|必备	|说明			|
|--			|--		|--		|--				|
|provider	|string	|是		|服务空间供应商	|
|spaceId	|string	|是		|服务空间Id		|

### 获取客户端token@get-uni-id-token

**接口形式**

`this.getUniIdToken()`

**示例**

```js
module.exports = {
	add: function(){
		const token = this.getUniIdToken()
	}
}
雪洛's avatar
雪洛 已提交
270 271
```

雪洛's avatar
雪洛 已提交
272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 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 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361
### 获取当前调用的方法名@get-method-name

**接口形式**

`this.getMethodName()`

**示例**

```js
module.exports = {
	_before: function() { // _before的用法请看后续章节
		const methodName = this.getMethodName() // add
	}
}
```

### 获取当前参数列表@get-params

**接口形式**

`this.getParams()`

**示例**

```js
module.exports = {
	_before: function() { // _before的用法请看后续章节
		const params = this.getParams() // ['title demo', 'content demo']
	}
}
```

## 预处理与后处理@before-and-after

### 预处理 _before@before

云对象内可以创建一个特殊的方法_after用来在调用方法之前进行一些额外的操作

请看以下示例:

```js
// todo/index.obj.js
module.exports = {
	_before: function(){
		const methodName = this.getMethodName()
		if(methodName === 'add' && !this.getUniIdToken()) {
			throw new Error('token不存在')
		}
	},
	add: function(title = '', content = '') {
		return {
			errCode: 0,
			errMsg: '创建成功'
		}
	}
}
```

### 后处理 _after@after

云对象内可以创建一个特殊的方法_after用来处理本次调用方法的返回结果或者抛出的错误

请看以下示例:

```js
// todo/index.obj.js
module.exports = {
	_before: function(){
		this.startTime = Date.now() // 在before内记录开始时间并在this上挂载,以供后续流程使用
	},
	add: function(title = '', content = '') {
		if(title === 'abc') {
			throw new Error('abc不是一个合法的todo标题')
		}
		return {
			errCode: 0,
			errMsg: '创建成功'
		}
	},
	_after(error, result) {
		if(error) {
			throw error // 如果方法抛出错误,也直接抛出不处理
		}
		result.timeCost = Date.now() - this.startTime
		return result
	}
}
```

## 云对象的返回值@return-value
雪洛's avatar
雪洛 已提交
362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380

客户端拿到云对象的响应结果后,会自动进行结果的处理。

- 如果是正常的结果(errCode为假值[0, false, null, undefined, ...]或者结果内不含errCode)则将结果直接返回
- 如果是报错的结果(errCode为真值)将结果内的errCode和errMsg组合为错误对象抛出
- 如果是其他云函数未捕获的错误,直接将错误码和错误信息组合成错误对象抛出

前端抛出的错误对象上有以下属性

|属性名		|类型				|是否必备	|说明													|
|--			|--					|--			|--														|
|errCode	|string|number	|否			|错误码													|
|errMsg		|string				|否			|错误信息												|
|requestId	|string				|否			|当前请求的requestId									|
|detail		|Object				|否			|完成的错误响应(仅在响应符合uniCloud响应体规范时才有)	|

详见以下示例:

```js
雪洛's avatar
雪洛 已提交
381
// todo/index.obj.js
雪洛's avatar
雪洛 已提交
382
module.exports = {
雪洛's avatar
雪洛 已提交
383 384 385 386
	add: async function(title = '', content = '') { 
		title = title.trim()
		content = content.trim()
		if(!title || !content) {
雪洛's avatar
雪洛 已提交
387
			return {
雪洛's avatar
雪洛 已提交
388 389
				errCode: 'INVALID_TODO',
				errMsg: 'TODO标题或内容不可为空'
雪洛's avatar
雪洛 已提交
390 391
			}
		}
雪洛's avatar
雪洛 已提交
392
		// ...其他逻辑
雪洛's avatar
雪洛 已提交
393 394
		return {
			errCode: 0,
雪洛's avatar
雪洛 已提交
395
			errMsg: '创建成功'
雪洛's avatar
雪洛 已提交
396 397 398 399 400
		}
	}
}

// 客户端代码
雪洛's avatar
雪洛 已提交
401
const todo = uniCloud.importObject('todo')
雪洛's avatar
雪洛 已提交
402
try {
雪洛's avatar
雪洛 已提交
403 404
	// 不传title、content,云函数返回错误的响应
	await todo.add()
雪洛's avatar
雪洛 已提交
405
} catch (e) {
雪洛's avatar
雪洛 已提交
406 407 408
	// e.errCode === 'INVALID_TODO'
	// e.errMsg === 'TODO标题或内容不可为空'
	// e.detail === {errCode: 'INVALID_TODO',errMsg: 'TODO标题或内容不可为空'}
雪洛's avatar
雪洛 已提交
409 410 411 412
	// e.requestId === 'xxxx'
}

try {
雪洛's avatar
雪洛 已提交
413 414
	const res = await todo.add('title demo', 'content demo')
	// res = {errCode: 0,errMsg: '创建成功'}
雪洛's avatar
雪洛 已提交
415 416 417
} catch (e) {}
```

雪洛's avatar
雪洛 已提交
418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462

## 调用云对象

### 客户端调用@call-by-client

客户端通过`uniCloud.importObject`方法获取云对象的实例。用法如下

```js
const todo = uniCloud.importObject('todo')
const res = await todo.add('title demo', 'content demo')
```

### 云函数或云对象内调用@call-by-cloud

云函数或云对象内也可以调用同一服务空间内的云对象,用法和客户端调用云对象一致

```js
const todo = uniCloud.importObject('todo')
const res = await todo.add('title demo', 'content demo')
```

### 跨服务空间调用云对象@call-by-cloud-cross-space

云端或者客户端均有uniCloud.init方法可以获取其他服务空间的uniCloud实例,使用此实例的importObject可以调用其他服务空间的云对象,参考:[](uniCloud/concepts/space.md?id=multi-space)

客户端无论腾讯阿里均支持。云端`uniCloud.init`方法仅腾讯云支持,且仅能获取同账号下的腾讯云服务空间的uniCloud实例。

**示例代码**

```js
const mycloud = uniCloud.init({
	provider: 'tencent',
	spaceId: 'xxx'
})
const todo = mycloud.importObject('todo')
const res = await todo.add('title demo', 'content demo')
```


## 注意事项

- 云对象和云函数都在cloudfunctions目录下,但是不同于云函数,云对象的入口为`index.obj.js`,而云函数则是`index.js`**为正确区分两者uniCloud做出了限制,云函数内不可存在index.obj.js,云对象内也不可存在index.js。**
- 所有`_`开头的方法都是私有方法,客户端不可访问
- 云对象也可以引用公共模块或者npm上的包,引用方式和云函数完全一致。

雪洛's avatar
雪洛 已提交
463 464 465
## 本地运行@run-local

云对象无法直接本地运行,可以通过其他云函数调用本地云对象(在调用云对象的云函数右键本地运行),或者客户端调用本地云对象的方式来实现云对象的本地运行。