鸿蒙 HarmonyOS NEXT端云一体化开发-云函数篇

已于 2024-07-29 21:59:08 修改
阅读量1.8k 收藏 15
点赞数 13
分类专栏： 笔记 鸿蒙应用 文章标签： harmonyos ArkTS 端云一体化
于 2024-07-27 21:47:05 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45793745/article/details/140741828
版权

前言

TODO：新建项目和应用，开通云函数服务（AGC）
端侧开发：Arkts界面开发
云测开发：云函数、认证服务、云存储、云数据库

一、登录

地址：https://id1.cloud.huawei.com/CAS/portal/loginAuth.html?reqClientType=89&loginChannel=89000500&regionCode=cn&loginUrl=https%3A%2F%2Fid1.cloud.huawei.com%3A443%2FCAS%2Fportal%2FloginAuth.html&lang=zh-cn&themeName=red&clientID=6099200&state=6475652&service=https%3A%2F%2Foauth-login1.cloud.huawei.com%2Foauth2%2Fv2%2FloginCallback%3Faccess_type%3Doffline%26client_id%3D6099200%26display%3Dpage%26flowID%3D0a8a7027000001d17220498962333586%26h%3D1722049896.2350%26lang%3Dzh-cn%26redirect_uri%3Dhttps%253A%252F%252Fdeveloper.huawei.com%252Fconsumer%252Fcn%252Fservice%252Fjosp%252Fagc%252FhandleAllianceLogin.html%26response_type%3Dcode%26scope%3Dopenid%2Bhttps%253A%252F%252Fwww.huawei.com%252Fauth%252Faccount%252Fcountry%2Bhttps%253A%252F%252Fwww.huawei.com%252Fauth%252Faccount%252Fbase.profile%2Bhttps%253A%252F%252Fwww.huawei.com%252Fauth%252Faccount%252Floginid%2Bhttps%253A%252F%252Fwww.huawei.com%252Fauth%252Faccount%252Faccount.flags%2Bhttps%253A%252F%252Fwww.huawei.com%252Fauth%252Faccount%252Frealname%252Fstate%2Bhttps%253A%252F%252Fwww.huawei.com%252Fauth%252Faccount%252Frealname%252Fidentity%2Bhttps%253A%252F%252Fwww.huawei.com%252Fauth%252Faccount%252Frealname%252Fctf.type%2Bhttps%253A%252F%252Fwww.huawei.com%252Fauth%252Faccount%252Fstate.register%2Bhttps%253A%252F%252Fwww.huawei.com%252Fauth%252Faccount%252Fanonymous.mobile%26state%3D6475652%26v%3D3ceb962d429ac960ada527fb822d9924d121e8dd37f0f7e61b8f77d68858b485&validated=true

二、新建项目

登录后点击我的项目:https://developer.huawei.com/consumer/cn/service/josp/agc/index.html#/

image.png

新建项目》点击添加项目》输入项目名称》点击创建并继续

image.png
image.png

关闭分析服务，点击完成。

image.png

三、开通云函数服务

左侧菜单找到云函数并点击并点击立即开通

image.png

数据处理位置选择中国设置为默认并点击确定

image.png
image.png

四、创建应用

点击左侧菜单中的项目设置后 ，点击添加应由

image.png

在添加应用中的选择App（HarjmonyOS）平台，并点击下方的APP ID

image.png

设置应用信息后，点击下一步后，并点击确认

image.png

查看项目设置，已经存在应用信息

image.png

五、DevEco创建端云一体化应用

新建项目，选择端云一体化模版后点击next

image.png

注意：使用DevEco创建应用的包名需要与在AGC网站上创建的应用包名一致。
设置完成后，点击next

image.png

如果设置的包名与AGC网站上的一致的话，DevEco将会自动关联在AGC网站上创建的应用。
点击Finish后，应用创建完成。

image.png
image.png

六、创建云函数

选中cloudFunctions右键添加cloud Function
起名为：test
点击OK

image.png
image.png

七、云函数代码结构介绍

可以出发云函数的时机：
  http请求
  云数据库（可以在插入数据时触发云函数...）
  云存储 （可以在上传文件时触发云函数...）

/*
event:表示输入的信息
context：云函数执行时，上下文信息（如：环境变量）
callback：输出（返回结果）
logger：记录日志（四个级别：debug、info、warn、error）
*/

let myHandler = async function (event, context, callback, logger) {
  logger.info(event);

  // do something here

  callback({
    code: 0,
    desc: "Success."
  });
};

export { myHandler };

八、云函数编写

let myHandler = async function (event, context, callback, logger) {
  // 打印输入的信息，因为传递的内容可能是一个对象，所以使用JSON方法解析
  logger.info(JSON.stringify(event));
  // 返回的内容
  callback({
    code: 0,
    message: "Cloud Function test"
  });
};
// 暴露
export { myHandler };

九、云函数运行

调用云函数有两种方法：
1、 本地部署测试
2 、云端部署测试

本地部署测试
cloudfunctions右键 Run cloud functions
查看控制台获取到url： http://localhost:18090/test/invoke.

image.png
image.png

PostMan测试并查看日志信息

image.png
image.png

云端部署测试
cloudFunctions目录右键选择deploy cloud functions
注意：在上传云端时，devEco需要登录华为账号

image.png

云端查看

image.png

点击测试

image.png
image.png
image.png

十、端侧调用云函数

添加依赖
entry目录下的oh-package.json5
// 添加：主要前2个依赖
"dependencies": {
    "@hw-agconnect/cloud": "^1.0.0",
    "@hw-agconnect/hmcore": "^1.0.0",
    "@hw-agconnect/auth-component": "^1.0.0",
    "long": "5.2.1"
  }

初始化AGConnect
// 修改EntryAbility.ets文件
// 初始化方法一：
import {initialize} from  "@hw-agconnect/hmcore"
import jsonStr from "../../resources/rawfile/agconnect-services.json"
  onCreate(){
    try {
      initialize(this.context,jsonStr)
    }catch (e){
      console.error(JSON.stringify(e))
    }

  }


// 修改EntryAbility.ets文件
// 初始化方法二：
import {initialize} from  "@hw-agconnect/hmcore"
 onCreate(){
    // 初始化
      const context = this.context
      const  value = await context.resourceManager.getRawFileContent("agconnect-services.json")
      let json:string= buffer.from(value).toString("utf8")
      console.log(json)
      initialize(this.context,json)
  }

ArkTS界面开发
// 在pages目录中创建一个MyIndexd.ets页面，并添加一个按钮从而出发云函数
@Entry
@Component
struct MyIndex {

  build() {
    Column(){
      Button("调用test云函数").onClick(()=>{

      })
    }.width("100%").height("100%")
  }

}

ArkTS调用云函数
// 使用按钮添加单击事件，引入cloud对象来调用云函数

import cloud from '@hw-agconnect/cloud'

@Entry
@Component
struct MyIndex {
  @State message:string = "test"

  build() {
    Column(){
      Button("调用test云函数").onClick( async()=>{
        console.log("s")
 const result =   await   cloud.callFunction({
        name:'test', // 云函数名称
        version:"$latest", // 云函数版本，$latest表示为最新版
        params:{} // 传递参数
      })
        this.message =result.getValue().message
      })
      Text(this.message)
    }.width("100%").height("100%")
  }

}

image.png

十一、云函数传参

TODO 添加一个文本输入框，将输入框中的内容发送到test云函数中，并返回到页面的文本框中

界面：
import cloud from '@hw-agconnect/cloud'

@Entry
@Component
struct MyIndex {
  @State message:string = "abcv"
  @State name:string = ""

  build() {
    Column({space:20}){
      TextInput({placeholder:"请输入姓名"}).width("80%").height(60).margin({top:20})
        .onChange((value)=>{this.name = value})


      Button("调用test云函数").onClick( async()=>{
        console.log("s")
 const result =   await   cloud.callFunction({
        name:'test',
        version:"$latest",
        params:{name:this.name}
      })
        this.message =result.getValue().message
      })
      Text(this.message)
    }.width("100%").height("100%")
  }

}

云函数：
// body 为JSON结构，需要通过JSON进行转换
let myHandler = async function (event, context, callback, logger) {
  logger.info(JSON.stringify(event));

  const name =JSON.parse( event.body) .name
  callback({
    code: 0,
    message: `hello ${name}`
  });
};

export { myHandler };

更新
cloudFunctions目录右键选择deploy cloud functions

image.png

十二、云函数-环境变量

  1. 云函数代码
// 环境变量存在于context的env中 
// 编辑后并上传云中
let myHandler = async function (event, context, callback, logger) {
  logger.info(JSON.stringify(event));

  const name =JSON.parse( event.body) .name
  const content = context.env.content
  callback({
    code: 0,
    message: `hello ${name},content=${content}`
  });
};

export { myHandler };
  1. 环境变量配置地址
https://developer.huawei.com/consumer/cn/service/josp/agc/index.html#/myProject/388421841222342858/9249519184595931747?appId=5765880207854995971

image.png

  1. 设置环境变量值，并保存

image.png

  1. 效果

image.png

十三、云函数-流量处理

负载均衡

image.png

四种方式：
随机：产生随机数并通过取余的方法来判断最后调用哪个实例
轮询：按顺序依次调用
最少连接：多个实例中，选择请求量最小的实例进行调用
最短响应：多个实例中，选择响应时间最快的实例

重试

image.png

当请求云函数超过设置的请求时间时，还想让该请求进行实例的访问，就可以设置重试
重试功能的三种策略：
zero：请求失败，立即发起重试，没有重试时间间隔
constant：请求失败，发起重试，可以设置重试时间间隔
jittered：请求失败，发起重试，可是设置重试时间间隔，间隔时间依次等差递增

熔断

image.png

熔断：当开发函数熔断后，只要函数满足了熔断的某些条件后，该函数进不对外进行服务
熔断请求阈值：10s内请求次数大于设置的值，则开启熔断
熔断错误百分比阈值：10s内错误请求占比大于等于设置的值就会开发熔断
熔断时长：假设设置熔断时长为：10，则表示熔断10s后熔断状态就变为半熔断状态
半熔断状态：在该状态下，熔断器会尝试恢复服务调用方对服务的调用，允许部分请求可以调用该服务，当调用服务成功次数达到一定次数后，则可以关闭熔断。
鸿蒙端云一体化开发--调用云函数--适合小白体制
m0_60333804的博客
04-15 1708
鸿蒙端云一体化开发--调用云函数--适合小白体制
HarmonyOS鸿蒙端云一体化开发--适合小白体制
m0_60333804的博客
04-14 1747
鸿蒙端云一体化开发--个人对于Harmonyos端云理解--适合小白观看
鸿蒙端云一体化开发 之 云函数
Jasmin博客
07-22 1095
云函数主要就是用来实现服务端的业务逻辑代码，云函数开发完之后我们需要把它部署到云侧，部署好后我们还需要编写端侧的代码来调用云侧的云函数，云侧有结果后需要再返回给端侧主要有六步。
鸿蒙NEXT开发-端云一体化开发概念&开发准备
最新发布
qq_56760790的博客
03-05 1017
鸿蒙端云一体化的学习，包括端云一体化开发基本概念、开发准备
鸿蒙 HarmonyOS NEXT端云一体化开发-云存储篇
Varin
07-29 1593
鸿蒙 HarmonyOS NEXT 的端云一体化开发是一种全新的开发模式，它允许开发者使用一套统一的技术栈（如 ArkTS）来构建客户端和云端服务，从而实现无缝的跨设备体验。通过这种方式，开发者可以简化开发流程，提高效率，并确保应用程序在不同平台上具有一致性。端云一体化还支持便捷地调用云函数和服务，使得数据同步、云存储等功能更加容易实现。这一特性不仅降低了开发复杂度，还增强了应用的功能性和可扩展性。
【鸿蒙开发 | 端云一体化 —— 开发app不要在为没有后端而烦恼了，端云一体化帮你完成一站式开发！】
m0_66825548的博客
10-27 1644
​ 鸿蒙端云一体化是华为鸿蒙系统中一种将终端（端）和云端紧密结合、协同工作的开发与应用模式(划重点，有大量免费额度)，以下是对它的详细介绍。
鸿蒙NEXT开发【端云一体化介绍】DevEco Studio端云一体化业务
鸿蒙的技术博客
11-01 1320
为丰富HarmonyOS对云端开发的支持、实现端云联动，DevEco Studio以[Cloud Foundation Kit（云开发服务）]为底座、在传统的“端开发”基础上新增“云开发”能力，开发者在创建工程时选择合适的云开发工程模板，即可在DevEco Studio内同时完成HarmonyOS应用/元服务的端侧与云侧开发，体验端云一体化协同开发。
鸿蒙【云端一体化】
pacong的博客
03-23 1954
开发云函数调用云函数。
华为端云一体化开发 （起步1.0）（HarmonyOS学习第七课）
qq_58213084的博客
06-07 1726
为丰富HarmonyOS对云端开发的支持、实现端云联动，DevEco Studio推出了云开发功能，开发者在创建工程时选择云开发模板，即可在DevEco Studio内同时完成HarmonyOS应用/元服务的端侧与云侧开发，体验端云一体化协同开发。注意需要特别注意的是，DevEco Studio 3.1 Beta2暂不支持端云一体化开发，请勿使用。前往可获取最新版本，前往可获取历史版本。相比于传统开发模式，云开发模式具备成本低、效率高、门槛低等优势，具体区别见下表。区别点传统开发模式云开发模式。
全网首发鸿蒙 HarmonyOS NEXT星河版零基础入门到实战，零基础也能快速入门鸿蒙开发教程
02-11
DevEco Studio 是一款专为鸿蒙 HarmonyOS 设计的一体化集成开发环境(IDE)，支持应用程序的开发、调试、测试等功能。DevEco Studio 的下载地址如下： - **官方网站**: [https://developer.huawei.com/consumer/cn/]...
HarmonyOS端云体化开发—创建端云一体化开发工程
m0_70749039的博客
02-28 1913
端云一体化开发工程目录分为三个子工程：端开发工程（Application）、云开发工程（CloudProgram）、端侧公共库（External Libraries）。
HarmonyOS 端云一体化-云存储的基本使用
xue2464874018的博客
11-25 1036
如果运行崩溃可能是没有安装云服务的依赖，或者没有在EntryAbility.ets初始化，建议去看我上篇关于云数据库的文章.
鸿蒙NEXT开发【开发云函数-创建并配置函数】DevEco Studio开发云侧工程
鸿蒙的技术博客
11-02 766
云函数是一项Serverless计算服务，提供FaaS（Function as a Service）能力，一方面云函数将开发测试的对象聚焦到函数级别，可以帮助您大幅简化应用开发与运维相关的事务，另一方面您可以通过使用云函数实现应用逻辑来便捷操作云数据库、云存储等，提升业务功能构建的便利性。云函数可以根据函数的实际流量对函数进行弹性伸缩，您无需对服务器资源进行管理，解决了开发者运维管理的难题。
鸿蒙Serverless云函数搭建，告别传统后端？
m0_58367536的博客
10-26 1584
HarmonyOS软件集成Serverless函数
鸿蒙开发调用云函数报错[bundle_mgr_proxy.cpp(GetBigString:4735)]host reply err 8521232
lllnana
09-29 866
这个问题做一下记录，我查找了很多天，每天都把想到可能有问题的地方做了调整，最后发现问题出现在配置SDK的时候，下载的SDK打开了一个开关，虽然打开开关后，也配置了秘钥信息，但是就是调用不成功，关掉这个不包含秘钥开关后就调用云函数成功了。在学习云函数的时候，自己按照API写案例，云端测试云函数没问题，本地测试云函数也没有问题，但是通过模拟器，在页面点击按钮的时候调用云函数就不行。查错的过程中发现云函数并没有被调用到，以为是函数名错误，但是把能想到的都测试了一遍还是调用不成功。
【鸿蒙应用ArkTS开发系列】- 云开发入门实战二 实现省市地区三级联动地址选择器组件（上）
枫的专栏
11-22 2827
通过本次课程，我们将学习怎么使用云端一体化开发模板来创建云开发工程，以及如何使用云工程进行云数据库创建、云函数创建和调用。那下面我们直接进入本次课程的学习。使用云端一体化开发模板创建项目工程这块内容，在上一篇文章《【鸿蒙应用ArkTS开发系列】- 云开发入门简介》中已经进行了讲解，这块这里就不在过多赘述，没有看过的同学可以点击这里: 链接 查阅创建完毕，整体的工程目录结构如下：接下来，我们展开CloudProgram 这个项目，开始进行云数据开发。
鸿蒙 HarmonyOS NEXT端云一体化开发-云数据库篇
Varin
07-30 2596
鸿蒙 HarmonyOS NEXT 的端云一体化开发是一种全新的开发模式，它允许开发者使用一套统一的技术栈（如 ArkTS）来构建客户端和云端服务，从而实现无缝的跨设备体验。通过这种方式，开发者可以简化开发流程，提高效率，并确保应用程序在不同平台上具有一致性。端云一体化还支持便捷地调用云函数和服务，使得数据同步、云存储等功能更加容易实现。这一特性不仅降低了开发复杂度，还增强了应用的功能性和可扩展性。
【HarmonyOS Next】写一个鸿蒙版本的搜索框推荐词轮播
m0_70749039的博客
06-18 1232
在各大 APP 的搜索框中，经常能看到推荐词轮播展示的效果。在 Android 开发中，可以使用 TextSwitcher 组件轻松实现该效果，也可以写两个 TextView 来做轮播动效。下面我们来写一个鸿蒙版本的。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

VarYa

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值