Serverless轻松实现WEB页面与应用交互,玩转活动运营
当今移动应用日益丰富,应用里的内容更新愈发高频。如果仍旧依靠手机的原生页面来hold这些变化会比较困难,不但开发者需要持续提供新版本去更新页面,用户也需要不断地更新应用版本方可获取最新的内容。这种状况下,在应用中嵌套WEB页面获得了众多开发者的青睐,成为解决问题的首选方式。
HUAWEI AppGallery Connect提供的Serverless服务可以帮您快捷部署WEB网页,WEB页面数据与原生应用的连接,助力开发者每天将不同的页面与内容呈现在用户眼前。
Serverless服务具体是如何实现WEB页面和原生应用的连接呢?下面举个栗子吧。
电商应用日新月异,商家经常会推出琳琅满目的促销活动,对不同品类进行重点推广。某电商应用举办一个品牌馆的活动,领域内的各大主流品牌都参与此次活动。基于此,电商平台需要提供一个统一风格的WEB展示框架,同时为每个品牌设立一个WEB页面,来展示品牌介绍以及促销活动的详情。
上述诉求,通过Serverless服务可轻松实现:
- 使用云函数,实现不同品牌的页面内容分发逻辑。
- 使用云数据库和云存储,用于保存页面的内容数据,以及此项目应用所需的数据。
- 使用云托管,将此活动的WEB网页托管云上。
- 当前端页面将用户选择的品牌作为入参传递给云函数,云函数对接云数据库和云存储,通过此入参获取页面内容相关的数据和资源,并统一调度分发到托管的WEB网页上呈现。
其中云函数和前端页面的实现尤为关键。
- 云函数部分
以java语言为例,我们需要构建一个普通的Maven框架的Java工程。按云函数的标准框架,我们创建一个入口函数,函数的其中一个入参为JSONObject类型的变量,用于实现函数在被调用时可通过此变量获取用户选择的品牌名字。此外,在云函数中集成云数据库的Server SDK,可以实现函数对接云数据库查询对应品牌的所有数据。
在筛选数据的时候您可以通过类似如下的语句指定品牌来实现:
CloudDBZoneQuery<goods> query = CloudDBZoneQuery.where(goods.class).equalTo("brand", brand);
数据查询成功后,通过入口函数的返回,实现云函数回传数据到前端页面。按云函数编写规范,入口函数的返回值需为JSON形式,选择云函数自带的CanonicalHttpTriggerResponse类。
- 前端页面部分
通过集成云函数的Web JS SDK,并在函数中创建HTTP触发器,来实现云函数的触发逻辑。当前端页面触发函数时,需要将函数所需的入参通过请求发送给函数。按接口规范,需将所有参数写成Json键值形式,带入到触发函数的方法中。
以传入品牌名称为例,传入的参数类似如下的结构:
{
“brand” : Huawei
}
前端页面触发函数接口调用成功后,您可以对调用方法设置监听回调,回调中即可获取到函数的返回,即在函数中查询到的此品牌所有数据,最终将这些数据填充展示在页面框架上。
按照上述步骤,“电商品牌馆”的活动即可轻松实现!
而除了WEB页面的高效部署,面对开发效率低、运维成本高、资源浪费等困境,Serverless认证服务、云函数、云数据库、云存储以及云托管服务,其跨平台、上线快、成本低、免运维的特性,让您不必关心云侧资源的管理和运维,仅需聚焦业务创新及业务逻辑的实现,有效提高应用开发效率。
更有Serverless模板,助您快速部署和集成抽奖、游戏排行榜、短URL生成、图片尺寸调整等产品功能,降本增效快人一步。
- 以原子化服务为基石,面向三大场景打造鸿蒙软硬协同新体验
-
3.1版本
课程精华速览第四期下 -
3.1版本
课程精华速览第四期上 - DevEco Studio新特性分享-跨语言调试,让调试更便捷高效
-
#HarmonyOS小课堂# 速览
课程精华第三期:ArkTS基础知识 -
#HarmonyOS小课堂# 速览
课程精华第二期:应用程序框架 -
#HarmonyOS小课堂# 速览
课程精华第一期:运行Hello World - HMS Core 3D流体仿真技术,打造移动端PC级流体动效
- Serverless轻松实现WEB页面与应用交互,玩转活动运营
- 华为开发者联盟提供三大“利器”, 鸿蒙生态跨入成熟质变新周期
- HarmonyOS 3.1版本发布,全面进入声明式开发
- 鸿蒙赋能体系问世,移动生态格局将巨变!
- 华为开发者大会2022:HMS Core 3D建模服务再升级,万物皆可驱动
- 如何精准分析特定用户的应用性能问题?这两个功能您一定要了解
- HarmonyOS开发者创新大赛 《蘑菇实验室》案例——服务卡片(JS)开发步骤总结
- 【AGC】集成华为AGC崩溃服务实用教程
- HMS Core安全检测服务如何帮助大学新生防范电信诈骗?
- Hi3516全系统类型烧录教程
- 【点赞有奖】我为OpenHarmony 写代码,战码二期正式启动!冲刺华为P50 Pro!
- HarmonyOS 3发布,华为帐号为用户带来协同一致的多设备智慧体验