背景
书接上回,实现了云侧和端侧的云数据库创建、更新、修改等操作。这篇文章实现调用云函数对云数据库进行增删改查。
CloudProgram 项目配置
新建函数
在cloudfunctions目录下点击右键,选择新建Cloud Function,输入query-student-function
导入SDK
在终端中切换到当前云函数的目录下
安装SDK
javascript
npm install --save @hw-agconnect/cloud-server
导入云数据库类型
选择云数据库需要导出的json文件,右键选择Generate Server Model
选择存放的目录,例子直接放在云函数下,方便调用
可以看到云函数目录下多出一个ts文件
使用云函数调用云数据库
引入 @hw-agconnect/cloud-server 和云数据库对象类。
这个云函数实现的功能是,查询test存储区下,所有的t_Student的数据,并返回查询内容。
javascript
import { cloud, CloudDBCollection } from '@hw-agconnect/cloud-server';
import { t_Student } from './t_Student';
let myHandler = async function (event, context, callback, logger) {
logger.info(event);
let collection: CloudDBCollection<t_Student> =
cloud.database({ zoneName: "test" }).collection(t_Student)
let result = await collection.query().get();
return callback({
code: 0,
desc: "SUCCESS" ,
result
});
};
export { myHandler };
上传云函数
在云函数上右键,选择上传到云端。
在AGC上查看是否上传成功
在云端测试云数据库的获取,确定云数据库访问没有问题
Application端配置
1.项目配置
在AGC中的项目项目设置中导出agconnect-services.json文件,并放到项目的src/main/resources/rawfile目录下。
2.安装SDK
在终端中切换到entry目录
在entry的目录下,安装SDK
javascript
ohpm install @hw-agconnect/hmcore
ohpm install @hw-agconnect/cloud
这样子显示安装进度,就是安装成功了
然后去oh-package.json5文件中去查看是否安装成功
3.初始化云模块
在EntryAbility.ets项目的onCreate方法下,调用数据库初始化
javascript
import { abilityAccessCtrl, AbilityConstant, PermissionRequestResult, UIAbility, Want } from '@kit.AbilityKit';
import { hilog } from '@kit.PerformanceAnalysisKit';
import { window } from '@kit.ArkUI';
import { initialize } from '@hw-agconnect/hmcore';
import servicesJson from '../../resources/rawfile/agconnect-services.json';
export default class EntryAbility extends UIAbility {
onCreate(want: Want, launchParam: AbilityConstant.LaunchParam): void {
try {
initialize(this.context, servicesJson);
} catch (e) {
hilog.error(0x0000, 'AGConnectError', JSON.stringify(e));
}
let AtManager = abilityAccessCtrl.createAtManager();
AtManager.requestPermissionsFromUser(this.context, ['ohos.permission.READ_MEDIA', 'ohos.permission.MEDIA_LOCATION'])
.then((data: PermissionRequestResult) => {
hilog.info(0x0000, 'testTag', '%{public}s', 'request permissions from user success' + data);
})
.catch((err: Object) => {
hilog.error(0x0000, 'testTag', 'Failed to request permissions from user. Cause: %{public}s',
JSON.stringify(err) ?? '');
});
hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onCreate');
}
onDestroy(): void {
hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onDestroy');
}
onWindowStageCreate(windowStage: window.WindowStage): void {
// Main window is created, set main page for this ability
hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onWindowStageCreate');
windowStage.loadContent('pages/Student_Page', (err, data) => {
if (err.code) {
hilog.error(0x0000, 'testTag', 'Failed to load the content. Cause: %{public}s', JSON.stringify(err) ?? '');
return;
}
hilog.info(0x0000, 'testTag', 'Succeeded in loading the content. Data: %{public}s', JSON.stringify(data) ?? '');
});
}
onWindowStageDestroy(): void {
// Main window is destroyed, release UI related resources
hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onWindowStageDestroy');
}
onForeground(): void {
// Ability has brought to foreground
hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onForeground');
}
onBackground(): void {
// Ability has back to background
hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onBackground');
}
}
4.项目中调用云函数
新建接受返回结果类Student
javascript
export class Student {
public id: number | undefined;
public name: string | undefined;
public age: string | undefined;
}
添加引用
javascript
import cloud, { FunctionResult } from '@hw-agconnect/cloud';
import { JSON } from '@kit.ArkTS';
import { Student } from '../Model/Student';
UI调用
javascript
import cloud, { FunctionResult } from '@hw-agconnect/cloud';
import { JSON } from '@kit.ArkTS';
import { Student } from '../Model/Student';
@Entry
@Component
struct Student_Page {
@State message: string = 'Hello World';
build() {
Column() {
Text(this.message)
.fontSize(20)
Button("查询数据")
.width("80%")
.margin({ top: 20 })
.onClick(async () => {
let funResult: FunctionResult = await cloud.callFunction({
name: "query-student-function",
})
let student: Student[] = funResult.getValue().result;
this.message = JSON.stringify(student);
})
}
.height('100%')
.width('100%')
}
}
访问前
查询数据
总结
本片文章是想实现,通过云函数去对数据库进行增删改查的操作,类似前后端分离的操作,避免在App直接对云数据库进行操作。