作者：京东零售何骁基于Taro打造的京东鸿蒙APP已跟随鸿蒙Next系统公测，本系列文章将深入解析Taro如何实现使用React开发高性能鸿蒙应用的技术内幕背景2024年初，京东正式启动了鸿蒙APP的开发工作。由于电商APP大量依赖图片来展示商品信息，对图

作者：京东零售周德东一、背景需求非常简单，给定一组关键词，需要将商品名称中出现过的关键字替换掉；如：skuName"HUAWEIPura70Pro国家补贴500元羽砂黑12GB512GB超高速风驰闪拍华为鸿蒙智能手机"需要替换成skuName"HUAWE

技术栈Appgalleryconnect开发准备上一篇文章中我们实现了项目端云一体化首页商品活动入口列表，现在我们还差一个banner的模块，banner模块不仅可以用于展示一些信息，还可以在点击之后进行，跳转，弹窗，升级提示，信息提示等作用，我们直接坐的

技术栈Appgalleryconnect开发准备上一节我们实现了地址的添加，那么有了地址之后我们接下来的重点就可以放到订单生成上了，我们在购物车页面，点击结算会跳转到一个订单确认页面，在这个页面我们需要有地址选择、加购列表展示、价格计算、优惠计算、商品数量

技术栈Appgalleryconnect开发准备随着app的逐渐完善，我们现在需要在细节处做更多的打磨，在首页我们添加了很多静态的按钮和组件，现在我们开始对这些组件进行功能的添加，这次首先实现的是首页头部的扫一扫功能，扫一扫我们实现扫码后跳转商品详情页功能

技术栈Appgalleryconnect开发准备随着开发功能的逐渐深入，我们的应用逐渐趋于完善，现在我们需要继续在首页给没有使用按钮以及组件添加对应的功能，这一节我们要实现的功能是商品搜索页面，这个页面我们从上到下开始实现功能，首先就是一个搜索的bar，然

技术栈Appgalleryconnect开发准备上一节我们针对订单兑换的业务逻辑进行了完善，成功的在兑换物品之后修改了用户信息的修改，新增了积分消费的记录。这一节我们实现订单创建之后进入的列表展示页框架。功能分析兑换商品的订单列表框架我们选择使用tabs，

技术栈Appgalleryconnect开发准备上一节我们实现了兑换商品订单的确认揽收功能，实现了tabs切换时的数据刷新，实现了待收货订单的列表展示。这一节我们要实现确认收货功能，并且实现待收货的列表展示功能功能分析当我们点击确认揽收的时候，修改订单状态

技术栈Appgalleryconnect开发准备随着上一节我们兑换商品订单相关逻辑的实现，我们的app功能已经更加的完善了，接下来我们开始对整个app缺失的小功能以及对已有的功能bug进行优化和逻辑的新增，这一节我们新增的功能是，商城订单的揽收功能，兑换订