?
5、配置云函数创建云函数
1. 开通云函数服务后，在云函数界面，点击“+创建函数” 。
文章插图
?
2. 在创建函数中，完成函数定义 ， 包括函数基本信息，函数部署信息及函数代码等内容的填写 。
文章插图
?
3. 在handler.js的输入框中输入以下代码，来实现加法计算，并点击右上角“保存”按钮 。
let myHandler = function(event, context) {var sum;if (event.body) {var reqBody = JSON.parse(event.body)var number1=reqBody.number1var number2=reqBody.number2sum = 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 logcontext.logger.info("this is message of debug log");//send info logcontext.logger.info("this is message of error log");//send error logcontext.logger.error("Test error log");//send responsecontext.callback(res);};module.exports.myHandler = myHandler;
文章插图
测试函数
1. 您可以通过两种方式进入函数测试页面 。
- 点击函数详情界面右上角的“测试”按钮 。
- 在Cloud Functions主界面上左侧导航栏点击“函数”，在函数页面点击“测试”页签 。
文章插图
?
{"number1": 0,"number2": 0}文章插图
3. 在执行结果中查看结果，与结果一致：
文章插图
?
添加触发器
1. 在函数列表中点击函数名称进入函数详情页面 。如果是函数别名，则进入函数别名配置页面 。
2. 点击配置页签下的“+添加触发器” 。
3. 在“配置触发器”区域配置“触发器类型”等信息，此处以HTTP触发器类型和POST请求方式为例 。
文章插图
?
4. 完成后点击“添加”并点击“保存” 。
5. 将详细信息中的触发URL的后缀保存 ， 作为客户端请求时的触发器标识 。
文章插图
?
6、界面设计本次Codelab中您可以在DevEco Studio工程中创建一个布局页面，参照下图进行UI设计，具备两个数字的输入 ， 云函数返回求和结果的展示功能即可 。
文章插图
?
布局文件代码如下：
<?xml version="1.0" encoding="utf-8"?><DirectionalLayoutxmlns:ohos="http://schemas.huawei.com/res/ohos"ohos:height="match_parent"ohos:width="match_parent"ohos:alignment="center"ohos:orientation="vertical"><DirectionalLayoutohos:width="match_parent"ohos:height="50vp"ohos:alignment="center"ohos:orientation="horizontal"><TextFieldohos: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><DirectionalLayoutohos:width="match_parent"ohos:height="50vp"ohos:alignment="center"ohos:orientation="horizontal"><TextFieldohos: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><DirectionalLayoutohos:width="match_parent"ohos:height="50vp"ohos:alignment="center"ohos:orientation="horizontal"><Buttonohos:id="$+id:btn_add"ohos:width="match_content"ohos:height="match_content"ohos:text_size="20vp"ohos:text="$string:mainability_add_number"/></DirectionalLayout><DirectionalLayoutohos:width="match_parent"ohos:height="50vp"ohos:alignment="center"ohos:orientation="horizontal"><Textohos:width="match_content"ohos:height="match_content"ohos:text="$string:mainability_number_res"ohos:text_size="20vp" /><Textohos:id="$+id:textView_result"ohos:width="match_content"ohos:height="match_content"ohos:text_size="20vp"/></DirectionalLayout></DirectionalLayout>
推荐阅读
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 华为手机连接电脑时怎么进入（华为手机怎么连接xp系统电脑)
- 葡萄籽并不能美白 | 如果要吃这么选
- 怎么在电脑上下载【智学网】新手教程
- 【MySQL】Navicat15 安装
- 2022支付宝蚂蚁庄园9月15日答案
- 怎样杀螃蟹（杀螃蟹要去除哪些内脏)
- 真我gtneo闪速版和普通版区别_哪款更值得入手
- 怎么杀螃蟹！急（怎么杀螃蟹教程)
- 元芳怎么看段子（元芳的口头禅是啥来着)
- React实现一个简易版Swiper
