鸿蒙应用开发--华为云
华为云是华为公司的公有云品牌，提供云计算服务，包括云主机、云托管、云存储等基础云服务、超算、内容分发与加速、视频托管与发布、企业IT、云电脑、云会议、游戏托管、应用托管等服务和解决方案。提示：以下是本篇文章正文内容，下面案例可供参考提示：这里对文章进行总结：例如：以上就是今天要讲的内容，本文仅仅简单介绍了华为云的搭建和调用，而华为云可以储存大量数据，从而在DevEco Studio 进行调用。
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档
文章目录
目录
前言
提示：这里可以添加本文要记录的大概内容：
华为云是华为公司的公有云品牌，提供云计算服务，包括云主机、云托管、云存储等基础云服务、超算、内容分发与加速、视频托管与发布、企业IT、云电脑、云会议、游戏托管、应用托管等服务和解决方案。
提示：以下是本篇文章正文内容，下面案例可供参考
单元一 华为云的配置
学习目标
本单元主要完成学习目标；
（1）在函数工作流中创建一个新的函数
（2）在新创建的函数中，创建一个新的触发器
（3）在新创建的触发器中，编辑API
（4）在配置好上述一切内容后，编写华为云中的代码
任务1.1 在函数工作流中创建一个新的函数
任务描述
本任务主要是创建一个新的函数
任务实施
首先在浏览器中搜索华为云，如下图
点击进入官网，然后我们需要创建一个华为云账号，如下图：
点击注册按钮，填写相关信息之后，登录此账号，点击控制台，如下图：
接着在搜索框搜索函数工作流，点击进入，如下图：
点击创建函数，如下图：
函数类型选择HTTP函数
区域选择华北-北京四
函数名称自定义
完成上述信息填写后，点击右下角创建函数，如下图
任务1.2 在新创建的函数中，创建一个新的触发器
任务描述
本任务主要是创建一个新的触发器
任务实施
首先点击创建触发器，如下图：
API名称自定义
分组自定义（分组每次需要额外创建）
安全认证None
请求协议HTTPS
后端超时（毫秒）5000
完成上述信息填写后，点击右下角确定，如下图：
任务1.3 在新创建的触发器中，编写API
任务描述
本任务主要是编写API
任务实施
首先点击APIG(刚刚创建好的触发器)，如下图：
然后，点击刚刚创建好的触发器名称，如下图：
其次，点击编辑按钮，如下图：
进入页面直接点下一步，
请求Path自定义(后面有用)
Method看考题情况
完成上述信息填写后，直接点击立即完成即可，如下图：
任务1.4 在配置好上述一切内容后，编写华为云中的代码
任务描述
本任务主要为在华为云中编写代码
任务实施
首先回到（下图）界面，点击代码按钮，如下图：
我们需要在index中编写代码，如下图：
将上述代码进行改动（以下为HTML格式的改变方法），如下图：
用箭头高度，将他们分为1，2两个更改处
其中，更改处1，引号中的内容应填写 任务1.3 中请求Path的值
更改处2，引号中的内容为输出结果
可以这么理解，上述代码为if语句,如果更改处1和任务1.3 中请求Path的值相同，会输出更改处2的内容，若不同，会输出else后面的结果。输出的结果可以在DevEco Studio 中进行调用。
将上述代码进行改动（以下为JSON格式的改变方法），如下图：
用箭头高度，将他们分为1，2，3，4四个更改处
其中，更改处1，引号中的内容应填写 任务1.3 中请求Path的值
更改处2，引号中，“/”前为文件名称，可随意更改(不用动也行)，“/”后为文件格式，所以改成JSON
更改处3，JSON.stringify()是将一个JS对象或值转换为JSON字符串
更改处4，引号中的内容为输出结果(考题中会给)
可以这么理解，上述代码是一个JSON格式的文件，其中的每个信息都可以在DevEco Studio 中进行调用。
单元二 华为云的调用
学习目标
本单元主要完成学习目标：
- 网络请求的配置
- 调用华为云中的文本内容（HTML格式）
- 将调取的内容传递到下个页面（HTML格式）
- 调用华为云中的文本内容（JSON格式）
- 将调取的内容传递到下个页面（JSON格式）
任务2.1 网络请求的配置
任务描述
本任务主要是配置网络请求
任务实施
在调用华为云之前，不管是HTML和JSON文件都应先配置好网络请求，以防数据请求不到，如下图：
"requestPermissions": [{
"name": "ohos.permission.INTERNET"
}]任务2.2 调用华为云中的文本内容（HTML格式）
任务描述
本任务主要是调用HTML格式的华为云
任务实施
首先，为调取的内容命名一个常量，如下图：
@state details:string='加载中…将网址中调取的内容，写在生命周期中，如下图：
async aboutToAppear(){
let httpResponse=await http.createHttp()
.request('https://a28f478b257b4199ae16d7ce07db03d6.apig.cn-north-4.huaweicloudapis.com/shenzhi')
this.details=httpResponse.result as string
}最后，在文本中调取这个内容，如下图：
Text(this.details)任务2.3 将调取的内容传递到下个页面（HTML格式）
任务描述
本任务主要是数据传参
任务实施
点击文本内容（按钮），跳转下一个页面，想要传递的数据也会随着它同步跳转，如下图：
.onClick(async ()=>{
router.pushUrl({
url:'pages/Index2',
params:{
details:this.details
}
})
})在下一个页面中，需要获取上个页面的数据，如下图：
details: string = router.getParams()?.['details'] || '沈职'最后，在文本中调取这个内容，如下图：
Text(this.details)任务2.4 调用华为云中的文本内容（JSON格式）
任务描述
本任务主要调用JSON格式的华为云
任务实施
首先，为调取的内容命名一个常量，如下图：
@State details:string='加载中...'将网址中调取的内容，写在生命周期中，如下图：
async aboutToAppear() {
try {
let httpResponse = await http.createHttp()
.request('https://70c82ce582d7482bbed42f39c75cba57.apig.cn-north-4.huaweicloudapis.com/sb')
let responseDate = httpResponse.result
if (typeof responseDate === 'string') {
let res = JSON.parse(responseDate)
if (res && res.date && res.date.message) {
this.details = res.date.message.library_details
} else {
console.error('aaa')
}
} else {
console.error('bbb')
}
} catch (e) {
console.error('Error', e)
}
}上述内容中，部分内容为调取的网址，如下图：
let httpResponse = await http.createHttp()
.request('https://70c82ce582d7482bbed42f39c75cba57.apig.cn-north-4.huaweicloudapis.com/sb')上述内容中，部分内容为JSON文件中调取内容的详情位置，如下图：
if (res && res.date && res.date.message) {
this.details = res.date.message.library_details
} 上述内容中，部分内容为监听，如下图：
else {
console.error('aaa')
}
} else {
console.error('bbb')
}
} catch (e) {
console.error('Error', e)
}
}最后，在文本中调取这个内容，如下图：
Text(this.details)任务2.5 将调取的内容传递到下个页面（JSON格式）
任务描述
本任务主要是数据传参
任务实施
点击文本内容（按钮），跳转下一个页面，想要传递的数据也会随着它同步跳转，如下图：
.onClick(async ()=>{
router.pushUrl({
url:'pages/Second2',
params:{
details:this.details
}
})
})在下一个页面中，需要获取上个页面的数据，如下图：
details:string=router.getParams()?.['details']||'加载中'最后，在文本中调取这个内容，如下图：
Text(this.details)华为云在云端一体化赛项占比很大，以上只为一点薄层，可以深度拓展！
总结
提示：这里对文章进行总结：
以上就是今天要讲的内容，本文仅仅简单介绍了华为云的搭建和调用，而华为云可以储存大量数据，从而在DevEco Studio 进行调用。
讨论HarmonyOS开发技术，专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。
更多推荐
36
0- 0
已为社区贡献2条内容
所有评论(0)