长春 网站 设计公司,个人博客搭建,php网站开发实战教程,网站推广联系磁遁8刺盾云移动应用获取数据的方式主要有#xff1a; 1.从网络中获取数据接口API。 2.从华为云数据库获取云数据库的资源。 3.从移动终端直接获取本地的数据 在HarmonyOS笔记3中已经完成了方式一从网络中获取数据接口API的方式。在本篇笔记中#xff0c;将讨论从云数据库中获取数据。 因…移动应用获取数据的方式主要有 1.从网络中获取数据接口API。 2.从华为云数据库获取云数据库的资源。 3.从移动终端直接获取本地的数据 在HarmonyOS笔记3中已经完成了方式一从网络中获取数据接口API的方式。在本篇笔记中将讨论从云数据库中获取数据。 因为采用SDK API12中模拟器测试一直不能成功从技术论坛某篇求助帖看到需要真机才能成功。因此在这篇笔记中将采SDK API9的版本开发工具是DevEco Studio 3.1.0版本。特此说明。 开发基于云数据库的移动应用需要按照下图的步骤进行
一、注册华为开发者账号 访问网站“https://developer.huawei.com/consumer/cn/”需要提供个人信息进行注册并开通“实名认证”具体操作略。 二、进入AGC控制台 登录华为开发者账号后访问网站“https://developer.huawei.com/consumer/cn/service/josp/agc/index.html#/”进入AppGallery Connect控制台如图1所示 图1 AGC控制台
1.创建新的项目
在图1所示的页面中点击“我的项目”。 图2 “我的项目“ 在”我的项目界面中点击添加项目”,进入项目编辑界面配置项目信息。 图3 创建项目 设置项目的名称并点击“创建并继续”在后续的操作中因为仅仅是一个测试应用因此将默认的“为此项目启动分析服务”关闭点击“完成” 图4 开通分析服务 如果希望开通也可以直接启动分析服务。在此不再赘述。
2.创建新的应用
返回AGC 控制台选择证书、APP ID和Profile项目如下图所示 图5 AGC控制台 在AGC页面中选择“证书、APP ID和Profile”进入页面“证书、APP ID和Profile”然后点击“新建”,如图5所示 图5 选择 “APP ID” 在后续的APP ID页面中配置“设置应用开发基础信息”。 图6 编辑移动应用基础信息 注意包名与后续开发的移动应用的包名一致。点击“下一步”为新建的应用配置所属的项目如下图所示。 图7 配置应用所属的项目 在点击“确认”后开通“认证服务”。 图8 检索认证服务并开通认证服务 图9 创建新应用成功
3.开通并配置云数据库
返回AGC 控制台如图10所示选择云数据库 图10 AGC 控制台 在AGC 控制台中选择“云数据库”进入图11所示的云数据库页面 图11 云数据库 在云数据库页面中选择“立即开通”。为指定的应用设置数据处理的位置。 图12 配置数据处理位置 配置云数据库所在的地理位置此处配置为“中国”设为默认位置点击“确定”进入“云数据库 for Object。 图13 云数据库 for Object 点击”新建“新建数据对象类型如图14所示。 图14 配置数据对象类型名 然后分别依次配置数据对象类型的“字段”“索引”和“数据权限”。 图15配置数据对象字段 图16配置索引 图17 配置数据权限 为了后续的操作方便此处将所有的权限进行勾选。配置数据对象完毕后继续执行导出数据类型对象的操作如图18所示 图18 数据类型对象 分别导出json格式文件和js格式文件。 图19 导出json格式文件 图20 导出js格式文件 导出的文件是一个压缩包压缩包内包含一个js文件。将压缩包解压后的js文件(此处是MedalInfo.js)暂时保存起来以备后续使用。此处导出的json文件和js文件均可以为后续的开发提供支持。 然后设置数据对象类型相当于数据表的存储区。点击“新增” 图21 进入存储区 图22 配置存储区 图23 进入存储的数据 点击“新增”进入数据的配置界面如图24所示。 图24 新增数据 这种一个一个数据输入的方式非常繁琐也可以直接批量导入数据。 图25 选择要导入文件操作 图26 选择要导入的文件 导入的文件格式是JSON形式类似如下所示
{cloudDBZoneName: MedalZone,objectTypeName: MedalInfo,objects: [{areaId: CHN,areaName: 中国,goldMedal: 40,silverMedal: 27,bronzeMedal: 24,areaIcon: https://gstatic.olympics.com/s1/t_original/static/noc/oly/3x2/180x120/CHN.png},{areaId: USA,areaName: 美国,goldMedal: 40,silverMedal: 44,bronzeMedal: 42,areaIcon: https://gstatic.olympics.com/s1/t_original/static/noc/oly/3x2/180x120/USA.png},//...更多的记录略
}此处 “cloudDBZoneName”: “MedalZone”表示存储区与设置的数据类型的存储区名一致。 “objectTypeName”: “MedalInfo”表示数据类型名称与定义的数据类型名一致。 objects表示的是存储的数据采用json数组的形式。 可以点击“查询”可以检索的所有的数据如图27所示。 图27 检索所有的数据 返回AGC 控制的常规页面如图28所示 图28 常规页面 在该页面中下载下载最新的配置文件“agconnect-service.json”为后续的移动开发提供支持。
三、开发移动应用
启动DevEco Studio 3.1.0版本新建项目如下所示 图28 创建项目 其中包名必须与AGC 控制台创建应用的包名一致。
1.配置相关的文件
将下载的配置文件agconnect-services.json文件复制到resources/rawfile目录中如图29所示 图29 复制agconnect-services.json文件到rawfile目录 配置当前模块的module.json5文件增加互联网访问权限的内容代码片段如下所示 图30 module.json5增加互联网访问权限
requestPermissions: [{name: ohos.permission.INTERNET}]打开DevEco Studio 3.1.0 应用级oh-package.json5文件在oh-package.json5文件里面添加SDK依赖添加SDK依赖完成后点击右上方“Sync Now”同步。
{name: entry,version: 1.0.0,description: Please describe the basic information.,main: ,author: ,license: ,dependencies: {hw-agconnect/database-ohos:^1.1.2,hw-agconnect/core-ohos: ^1.1.2}
}2.定义数据类型
在ets目录下创建一个model目录将下载的数据类型的js文件复制到model目录。另外在model目录中新建一个app-schema.json文件将上述导出的数据类型的json文件复制粘贴到app-schema.json文件中。 图31 定义数据类型
3. 定义访问云数据库的服务
创建service目录在该目录下定义一个typescript文件CloudDBService.ts文件定义执行对云数据库操作的各种业务处理具体代码如下
import { AGConnectCloudDB, CloudDBZoneConfig, CloudDBZone, CloudDBZoneQuery } from hw-agconnect/database-ohos;
// ts-ignore
import schema from ../model/app-schema.json;
import { AGCRoutePolicy } from hw-agconnect/core-ohos;
import { MedalInfo } from ../model/MedalInfo;export class CloudDBService {//必须与AGC控制台指定云数据库的存储区名一致private static readonly ZONE_NAME MedalZone;private static cloudDB: AGConnectCloudDB;private static cloudDBZone: CloudDBZone;private static isInit: boolean;/*** 初始化** param context context* returns 是否初始化成功*/public static async init(context: any): Promiseboolean {if (this.isInit) {return;}try {// 初始化并获取AGConnectCloudDBthis.cloudDB await AGConnectCloudDB.getInstance({context: context, // 在eTS页面中通过全局方法getContext(this)获取当前页面关联的ContextagcRoutePolicy: AGCRoutePolicy.CHINA, // 数据处理位置CHINA-中国区GERMANY-德国RUSSIA-俄罗斯SINGAPORE-新加坡objectTypeInfo: schema});// 打开存储区await this.openZone(this.ZONE_NAME);this.isInit true;} catch (err) {console.error(初始化失败因为${JSON.stringify(err)})}return Promise.resolve(this.isInit);}/*** 打开存储区** param zoneName 存储区名称* returns*/private static async openZone(zoneName: string): Promisevoid {if (this.cloudDBZone) {console.log(zone has been closed.)return;}try {const cloudDBZoneConfig new CloudDBZoneConfig(zoneName);this.cloudDBZone await this.cloudDB.openCloudDBZone(cloudDBZoneConfig);console.log([openZone] open zone success.)} catch (e) {console.error([openZone] open zone failed. e: e);console.error(JSON.stringify(e));}}/*** 查询并排序数据* * param queryStr 查询条件可为空* returns 查询数据结果数组*/public static async queryRecord(queryStr?: string): PromiseArrayMedalInfo {try {//按照金牌的个数进行排序const query CloudDBZoneQuery.where(MedalInfo).orderByDesc(goldMedal);if (queryStr) {query.contains(areaName, queryStr);}const result await this.cloudDBZone.executeQuery(query);return result.getSnapshotObjects();} catch (e) {console.error([queryRecord] queryRecord failed. e: JSON.stringify(e));return [];}}
}4. 定义Index.ets的UI页面
import { MedalInfo } from ../model/MedalInfo
import { CloudDBService } from ../service/CloudDBServiceEntry
Component
struct Index {State medalLst:ArrayMedalInfo []onPageShow(){this.queryAll()}build() {Column(){Row({space:10}){Text().width(60).height(20)Text(国家/地区).width(60).height(20)Text(金牌).width(60).height(20)Text(银牌).width(60).height(20)Text(铜牌).width(60).height(20)}List(){ForEach(this.medalLst,(item:MedalInfo){ListItem(){Row({space:10}){Image(${item.areaIcon}).width(60).height(40)Text(${item.areaName}).width(60).height(40)Text(${item.goldMedal}枚).width(60).height(40)Text(${item.silverMedal}枚).width(60).height(40)Text(${item.bronzeMedal}枚).width(60).height(40)}}.width(100%).margin(10)})}}.width(100%).height(100%)}async queryAll(){try{// 初始化await CloudDBService.init(getContext(this));// 查询数据并展示this.medalLst await CloudDBService.queryRecord();}catch(err){console.error(出现错误${JSON.stringify(err)})}}
}5.运行结果 图32 最后的运行结果
后记
这篇笔记是比较艰难的一篇。一方面是在云数据库的配置整个详细过程需要截取大量的图片另外一方面就是测试了若干版本的DevEco Studio以及SDK API 12的版本测试云数据库一直不能在模拟机中测试通过。直到看到这一帖子让我不再纠结。因此退而求其次采用SDK API 9的版本。希望过段时间再出一篇SDK API 12版本云数据库处理的笔记。
参考文献
1.AppGallery Connect帮助中心 https://developer.huawei.com/consumer/cn/doc/app/agc-help-getstarted-0000001100316670 2.使用云数据库组件 https://developer.huawei.com/consumer/cn/doc/AppGallery-connect-Guides/agc-clouddb-component-harmonyosts-0000001623209420
