首页 > 其他分享 >【Serverless】快速集成云函数HarmonyOS

【Serverless】快速集成云函数HarmonyOS

时间：2022-10-28 09:23:58浏览次数：90  
标签：Serverless 集成 函数 AppGallery HarmonyOS 点击 number2 Connect number1

​1、学习目标

什么是AppGallery Connect云函数

云函数是一项Serverless计算服务，提供FaaS（Function as a Service）能力，可以帮助开发者大幅简化应用开发与运维相关事务，降低应用功能的实现门槛，快速构建业务能力。

  •  云函数提供了高效可靠的函数开发与运行框架，替开发者完全解决传统应用开发与运维中的诸多复杂事务（如服务器配置与管理、代码部署、负载均衡、弹性伸缩、高可用保证等），开发者只需聚焦业务逻辑、开发并上传函数代码，即可构建高可用、可伸缩的Serverless应用。
  • 云函数作为Serverless的核心与枢纽，支持连接和扩展周边云服务能力，开发者可以像拼搭积木一样自由便捷地组织各项服务来实现业务逻辑。

     

您将建立什么

在本次Codelab中，您将实现一个能够使用AppGallery Connect云函数与客户端进行交互的功能，您需要完成的功能将包含：

  •  在AGC网站上添加实现求和计算的函数。
  • 在AGC网站上测试新增的函数。
  • 客户端调用新增函数，输入两个数字并返回两数之和。

 

您将会学到什么

  •  如何将方法函数添加为AppGallery Connect的云函数。
  •  如何测试添加的云函数。
  •  如何集成AppGallery Connect云函数的SDK并在本地调用云函数。

 

2、您需要什么？

硬件要求

  • 开发计算机（台式机或笔记本电脑）：Windows10 64位或macOS 10.14/10.15/11.2.2操作系统
  • 测试应用的设备：HarmonyOS 2.0及以上的手机

软件要求

  • Java JDK (推荐使用1.7+版本)
  • DevEco Studio 2.1及以上

需要的知识点

 

3、能力接入准备

集成AppGallery Connect（以下简称AGC）能力，需要完成以下准备工作：

1.         创建AGC应用

2.         创建DevEco Studio工程

3.         添加应用包名

4.         配置Maven仓地址及AGC gradle插件

5.         entry (hap)模块添加配置信息

6.         同步工程

具体操作，请按照《AppGallery Connect集成准备》中详细说明来完成。

说明：

您已注册华为开发者联盟官网帐号并实名认证才能执行上述操作，具体请参见注册帐号。

 

4、配置您的开发环境

开通服务

1.         登录AppGallery Connect网站，点击“我的项目”。

2.         在项目列表中选择您需要开通云函数服务的项目。

3.         在左侧导航栏选择“构建 > 云函数”。

4.         点击页面右上角“立即开通”。

说明：

如果您此时未设置默认数据处理位置，系统会自动弹出提示框提示您设置默认数据处理位置，具体操作请参见设置默认数据处理位置。

cke_40863.png​

 

集成SDK

针对DevEco Studio开发环境，华为提供了maven仓集成方式的SDK包，开发前需集成SDK到您的DevEco Studio项目中。

1.         登录在AppGallery Connect网站点击“我的项目”，在项目下的应用列表中选择您需要开通云函数的应用。

2.         在项目设置的“常规”页签下，点击“应用”栏下的“agconnect-services.json”下载配置文件。

3.         将“agconnect-services.json”文件拷贝到entry模块目录下。

cke_44783.png​

4.         打开entry模块下的build.gradle文件，添加如下代码集成Cloud Functions SDK。

dependencies
{
    ...
    implementation 'com.huawei.agconnect:agconnect-function:1.2.2.300'
    ...
}

5.         点击界面上的“Sync Now”链接同步已完成的配置。

cke_51841.png​

 

5、配置云函数

创建云函数

1.         开通云函数服务后，在云函数界面，点击“+创建函数”。

cke_61660.png​

2.         在创建函数中，完成函数定义，包括函数基本信息，函数部署信息及函数代码等内容的填写。

cke_66443.png​

3.         在handler.js的输入框中输入以下代码，来实现加法计算，并点击右上角“保存”按钮。

let myHandler = function(event, context) {
   var sum;
   if (event.body) {
      var reqBody = JSON.parse(event.body)
      var number1=reqBody.number1
      var number2=reqBody.number2
      sum = number1+number2
   }else {
      sum = 0
   }
   var obj={"result":sum}
   var res = new context.HTTPResponse(obj, {
      "res-type": "context.env",
      "faas-content-type": "json"
   }, "application/json", "200");
   //send info log
   context.logger.info("this is message of debug log");
   //send info log
   context.logger.info("this is message of error log");
   //send error log
   context.logger.error("Test error log");
   //send response
   context.callback(res);
};
module.exports.myHandler = myHandler;

 

测试函数

1.         您可以通过两种方式进入函数测试页面。

  •  点击函数详情界面右上角的“测试”按钮。
  •  在Cloud Functions主界面上左侧导航栏点击“函数”，在函数页面点击“测试”页签。

    cke_86607.png​

2.         选择刚刚创建的函数及其版本，在事件中输入如下代码：

{ 
"number1": 0, 
"number2": 0 
}

3.         在执行结果中查看结果，与结果一致：

cke_110429.png​

 

添加触发器

1.         在函数列表中点击函数名称进入函数详情页面。如果是函数别名，则进入函数别名配置页面。

2.         点击配置页签下的“+添加触发器”。

3.         在“配置触发器”区域配置“触发器类型”等信息，此处以HTTP触发器类型和POST请求方式为例。

cke_125389.png​

4.         完成后点击“添加”并点击“保存”。

5.         将详细信息中的触发URL的后缀保存，作为客户端请求时的触发器标识。

cke_133587.png​

 

6、界面设计

本次Codelab中您可以在DevEco Studio工程中创建一个布局页面，参照下图进行UI设计，具备两个数字的输入，云函数返回求和结果的展示功能即可。

cke_151510.png​

布局文件代码如下：

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:height="match_parent"
    ohos:width="match_parent"
    ohos:alignment="center"
    ohos:orientation="vertical">
 
    <DirectionalLayout
        ohos:width="match_parent"
        ohos:height="50vp"
        ohos:alignment="center"
        ohos:orientation="horizontal">
 
        <TextField
            ohos:id="$+id:editText_number1"
            ohos:width="120vp"
            ohos:height="match_content"
            ohos:hint="$string:mainability_input_number"
            ohos:max_text_lines="1"
            ohos:text_size="20vp"/>
    </DirectionalLayout>
 
    <DirectionalLayout
        ohos:width="match_parent"
        ohos:height="50vp"
        ohos:alignment="center"
        ohos:orientation="horizontal">
 
        <TextField
            ohos:id="$+id:editText_number2"
            ohos:width="120vp"
            ohos:height="match_content"
            ohos:hint="$string:mainability_input_number"
            ohos:max_text_lines="1"
            ohos:text_size="20vp" />
    </DirectionalLayout>
 
    <DirectionalLayout
        ohos:width="match_parent"
        ohos:height="50vp"
        ohos:alignment="center"
        ohos:orientation="horizontal">
        <Button
            ohos:id="$+id:btn_add"
            ohos:width="match_content"
            ohos:height="match_content"
            ohos:text_size="20vp"
            ohos:text="$string:mainability_add_number"/>
    </DirectionalLayout>
 
    <DirectionalLayout
        ohos:width="match_parent"
        ohos:height="50vp"
        ohos:alignment="center"
        ohos:orientation="horizontal">
 
        <Text
            ohos:width="match_content"
            ohos:height="match_content"
            ohos:text="$string:mainability_number_res"
            ohos:text_size="20vp" />
        <Text
            ohos:id="$+id:textView_result"
            ohos:width="match_content"
            ohos:height="match_content"
            ohos:text_size="20vp"/>
    </DirectionalLayout>
 
</DirectionalLayout>

 

7、云函数开发

1.         在应用启动的onStart方法中获取控件实例并设置按钮的点击事件。

@Override
public void onStart(Intent intent) {
    super.onStart(intent);
    super.setUIContent(ResourceTable.Layout_ability_main);
 
    textFieldNum1 = (TextField)findComponentById(ResourceTable.Id_editText_number1);
    textFieldNum2 = (TextField)findComponentById(ResourceTable.Id_editText_number2);
    textView = (Text)findComponentById(ResourceTable.Id_textView_result);
    Button btn_add = (Button)findComponentById(ResourceTable.Id_btn_add);
    btn_add.setClickedListener(listener -> testFunctionAdd());
}

2.         初始化云函数服务。

AGConnectFunction function = AGConnectFunction.getInstance();

3.         生成云函数所需要的事件的map对象，这里因为我们的云函数中设置的事件的key值为“number1”和“number2”，所以我们设置map的key值为“number1”和“number2”。

HashMap<String, Integer> number = new HashMap();
number.put("number1", Integer.parseInt(textFieldNum1.getText()));
number.put("number2", Integer.parseInt(textFieldNum2.getText()));

4.         调用云函数SDK中的wrap方法指定触发器，call方法传入事件的map作为参数，发送事件的HTTP请求并使用云函数进行计算，并且添加请求的回调，将接收到云函数的返回结果显示到textView中。

HarmonyTask<FunctionResult> task = function.wrap("test-function-$latest").call(number);
task.addOnCompleteListener(new OnHarmonyCompleteListener<FunctionResult>() {
    @Override
    public void onComplete(HarmonyTask<FunctionResult> task) {
        if (task.isSuccessful()) {
            String val = task.getResult().getValue(String.class);
            textView.setText(val);
        } else {
            textView.setText("");
            AGCLogger.e(TAG, "exception", task.getException().getMessage());
        }
    }
});

说明：

其中wrap方法中传入的参数，值为在AGC上查询并获取的触发器标识。

 

8、打包测试

1.         运行DevEco Studio工程生成HAP包，并在测试手机中安装HAP包。

2.         在两个输入框中分别输入两个数字，点击“求和”按钮查看界面展示出两数之和。

cke_258269.png​

 

9、恭喜您

 

祝贺您，您已经成功地构建了您的第一个集成AppGallery Connect云函数服务的应用程序，并学到了：

  • 如何在AGC上创建，编写并测试一个新的云函数。
  • 如何使用客户端触发的方式调用到自己创建的云函数。

     

10、参考

​欲了解更多更全技术文章，欢迎访问https://developer.huawei.com/consumer/cn/forum/?ha_source=zzh

标签：Serverless,集成,函数,AppGallery,HarmonyOS,点击,number2,Connect,number1
From： https://www.cnblogs.com/developer-huawei/p/16834715.html

相关文章

  • Jenkins集成clover做覆盖率报告
    1.Jenkins安装插件CloverPlugin2.修改配置文件<1>.修改pom.xmldependency部分<dependency><groupId>junit</groupId><artifactId>junit</artifactId>......
  • 三. jenkins+newman+postman持续集成环境搭建
    Newman简介    Newman是一款基于Node.js开发的，可以运用postman工具直接从命令运行和测试postman集合Newman应用环境准备：js/cnpm或npm配置好环境，执行如下命令......
  • SpringBoot集成Swagger2
    1.新建一个SpringBoot=web项目2.导入相关依赖`io.springfoxspringfox-swagger23.0.0io.springfoxspringfox-swagger-ui3.0.0`3.编写一个Hello工程4.配置Swa......
  • 万物皆可集成系列：低代码对接阿里物流API实现快递跟踪
    随着各大电商网购平台的发展，快递业已形成一个规模庞大的产业，据统计，全球快递企业已超过千家，而快递查询对于电商平台而言是最基础的功能之一，通过输入快递单号，不用区分具体是哪......
  • 080_SpringBoot集成ES
    目录官方文档ElasticsearchclientsJavaRESTClientJavaHighLevelRESTClientGettingstartedMavenconfiguration初始化Initialization搭建测试环境创建空项目创建模......
  • Springboot集成easypoi实现excel多sheet导出
    1.环境配置<!--easypoi依赖，excel导入导出--><dependency><groupId>cn.afterturn</groupId><artifactId>easypoi-spring-boot-starter</artifactId><vers......
  • AgileBoot - 如何集成内置数据库H2和内置Redis
    背景介绍为什么我们需要内置的数据库和Redis呢？优点：内置的数据库H2，可以让我们在无依赖数据库的情况下，做集成测试。比如我们想测试添加一个学生到数据库，就需要启动一台数据库......
  • python集成安装环境——Anaconda 3.5的安装
    一、下载并安装anaconda先到https://www.continuum.io/downloads下载anaconda,现在的版本有python2.7版本和python3.5版本，下载好对应版本、对应系统的anaconda，它......
  • 如何集成开源图表及报表到自研项目中
    自助报表需求已经是越来越普遍，各行业的应用软件中，不管是主动还是被动，都在思考并在努力实现自助报表功能这样做对于用户来说，可以自由灵活的去分析了解数据，不再拘泥于固定格......
  • Jenkins持续集成简介与配置
       1.持续集成简介是一种软件开发实践，即团队开发成员经常集成他的工作，通常每个成员每天至少集成一次.也就意味每天可能会发生多次集成。每次集成都会通过自动化的构建......

赞助商

阅读排行

网站主页关于我们联系我们网站地图

本网站内容转载自其他媒体，侵权联系[admin##ips99.com]。

Copyright © 2020-2023 IPS99 版权所有 IPS99