- 综合排序
- 最热优先
- 最新优先
- 来自专栏鸿蒙Taro实战
鸿蒙Taro实战：01-搭建开发环境
鸿蒙Taro实战：01-搭建开发环境配置鸿蒙环境下载安装 DevEco配置IDE打开 Prefreences, OpenHarmony SDK, 勾选 API Version 12创建鸿蒙项目打开 DevEco 安装 Taro 4.xyarn global add @tarojs/cli安装成功后检查 taro 是否生效➜ ~ taro --version Taro v4.0.74.0.7初始化项目taro transformed.rendering chunks (6)...开始 ohpm install 脚本执行...install completed in 0s 36ms执行 ohpm install Taro 会将编译好的文件输出至鸿蒙项目目录运行鸿蒙配置应用签名打开 File -> Project Structure..., 点击 Siging Configs, Sign In 参考资料鸿蒙 & OpenHarmony
52610编辑于 2024-11-06 - 来自专栏京东技术
使用Taro开发鸿蒙原生应用——当Taro遇到纯血鸿蒙
可以看出，显然，Web式的开发范式较贴近Web前端开发者的习惯，不过，它更适用于开发简单的卡片应用，Taro框架已经提供了对这种开发范式的支持，可以查看 Taro && 鸿蒙、OpenHarmony开发文档 在今年 8 月的「2023年华为开发者大会（HDC.Together）」上，Taro 团队受邀分享了 Taro 适配鸿蒙 ArkUI 的技术方案，整体技术路线是受到认可的，同时在后续的适配过程中也得到了来自华为的技术支持 目前，基于上述思路，Taro React 适配鸿蒙 ArkTS 的工作已经进入收尾阶段，预计将在 12 月下旬发布可用版本，想要了解进展的朋友可以查看这篇文档，根据相应分支来 follow 我们的进展， 哈哈哈，本文是 「Taro 适配鸿蒙 ArkTS」系列文章的第一篇，算是先导预告片，在后续我们会陆续释出其他文章，例如详解 Taro 适配鸿蒙 ArkTS 原理、Taro 开发 ArkTS 应用最佳实践 、Taro 性能优化利器-半编译技术介绍等等，向社区介绍 Taro 的最新成果。
88210编辑于 2024-03-26 - 来自专栏个人路线
使用京东Taro开发鸿蒙PC（附鸿蒙版Taro环境搭建流程）
Taro 是由京东发起并维护的开放式跨端跨框架解决方案，支持以 Web 的开发范式来实现小程序、H5、鸿蒙等平台的跨端统一开发。 初始化项目 taro init taro-ohos 按照提示输入以下配置： 注意：当前仅支持使用 Vite 编译鸿蒙应用，所以在配置时请注意选择。 六、编译鸿蒙应用 # 编译鸿蒙应用 taro build --type harmony_cpp # 编译鸿蒙原生组件 taro build native-components --type harmony_cpp [6] taro-oh[7] 十、Taro 仓库概览 以下是 Taro 的主要 NPM 包及其功能： 路径 描述 @tarojs/cli CLI 工具 @tarojs/service 插件化内核 @tarojs /taro-ui [5] Taro UI 官方文档: https://taro-ui.jd.com/ [6] plugin-platform-harmony-cpp: https://www.npmjs.com
1.1K10编辑于 2025-05-21 - 来自专栏个人路线
Taro 开发鸿蒙版每日资讯应用实战指南
一、项目简介 本项目基于 Taro 跨端开发框架，实现鸿蒙（HarmonyOS）平台的每日资讯应用，通过调用 阿拉 API 每日资讯接口[1] 获取新闻数据，支持展示日期、新闻列表、微语及配图。 初始化 Taro 项目 # 创建鸿蒙项目 taro init taro-ohos-demo cd taro-ohos-demo # 安装插件 npm i @tarojs/plugin-platform-harmony-cpp 编译为鸿蒙工程 # 编译为鸿蒙 HAP 文件 taro build --type harmony_cpp 2. 七、项目总结 通过本项目，你可以学习到： Taro 跨端开发框架的使用 鸿蒙平台开发环境配置 接口调用与数据处理 页面布局与样式优化 希望本项目能帮助你快速搭建鸿蒙版每日资讯应用，提升开发效率。 八、项目地址 项目源码：https://gitcode.com/nutpi/taro-ohos-demo 九、鸿蒙侧注意事项 1.网络权限需要手动添加 "requestPermissions":
64610编辑于 2025-05-27 - 来自专栏前端Q
使用 Taro 开发鸿蒙原生应用 —— 探秘适配鸿蒙 ArkTS 的工作原理
其中，Taro作为一个重要的前端开发框架，也积极适配鸿蒙的新一代语言框架 —— ArkTS。 本文将深入探讨 Taro 适配鸿蒙 ArkTS 框架的工作原理，接下来我们先一同看看适配的整体思路。 复用模块图 这种复用会带来两个明显的好处： 减少了适配鸿蒙 ArkTS 的工作量，可以更早地将 Taro 适配鸿蒙 ArkTS 这个功能上线，给开发者体验和使用。 我们需要模拟一套能在鸿蒙环境下可以运行的 BOM 和 DOM，来给到前端框架层去使用，使的这些依赖浏览器环境的 Taro 代码可以跑在鸿蒙 app 上。 Taro 开发鸿蒙应用时，只需要引入这个插件，执行对应的打包命令即可。 鸿蒙端平台插件 (2) 实现鸿蒙编译打包功能 上面提到，鸿蒙端平台插件会触发鸿蒙的编译打包流程，在该流程中，Taro 会使用 Vite（目前暂时只支持 Vite）来对项目代码进行打包，最后会输出一份可执行的鸿蒙工程源代码到鸿蒙工程目录中
2.8K20编辑于 2023-12-12 - 来自专栏京东技术
使用Taro开发鸿蒙原生应用——快速上手，鸿蒙应用开发指南
导读 本指南为开发者提供了使用 Taro 框架开发鸿蒙原生应用的快速入门方法。Taro，作为一个多端统一开发框架，让开发者能够使用一套代码同时适配多个平台，包括鸿蒙系统。 文章将详细介绍如何配置开发环境，以及如何利用 Taro 的特性和组件库来构建鸿蒙应用。 最近，Taro 发布了 v4.0.0-beta.x 版本，支持使用 Taro 快速开发鸿蒙原生应用，也可将现有的小程序转换为鸿蒙原生应用。 本文将正式为开发者提供一份完整的鸿蒙应用开发指南，帮助大家使用 Taro 开发自己的第一个鸿蒙应用。 -- --watch" } 步骤 6：预览 & 调试 开发者可根据上面运行鸿蒙 demo 项目的方式进行预览与调试。
1.4K10编辑于 2024-02-26 - 来自专栏前端时空
Taro 实战网易云音乐小程序
今天推荐一个 React 实战项目，使用的是京东的 Taro 框架。 Taro Github https://github.com/NervJS/taro watch 688 star 26.2k fork 3.2k 简介 Taro 是一套遵循 React 语法规范的 多端开发 特性 支持多种框架 Taro 目前支持 React、Nerv、Vue 三类框架，在未来 Taro 将开放拓展能力，使得开发者可以通过 Taro 拓展更多的框架支持。 taro-music Github ? 基于 taro + taro-ui + redux + react-hooks + typescript 的网易云音乐 App 技术栈主要是：typescript、taro、taro-ui、redux、
1.2K30发布于 2020-07-08 - 来自专栏京东技术
Taro小程序跨端开发入门实战
为了让小程序开发更简单、高效，采用Taro作为首选框架，本文将分享Taro的实践经验，主要内容围绕什么是Taro以及Taro如何使用（正确使用的姿势），还有Taro背后的一些设计思想来展开，让读者能够对 Taro3.0已经逐渐成熟，实践项目已经进行Taro3.0的升级，因此本文代码示例以Taro3.0作为基础。 01 什么是Taro Taro 是一个多端统一的开发框架。 的边框通常会转换成平台对应单位会导致无法显示， 可以使用大写的PX单位，例如：1PX ； 百度小程序和京东小程序不支持 externalClasses，其它小程序也可能不支持避免使用； 2.模块导入和导出： 导入模块需要使用ES6 bug，不写没事； （4）line-height 居中有偏差，用 flex 比较稳妥； （5）fixed 布局居底要设置 left: 0, bottom: 0 ，不写默认会有问题（默认在中间渲染）； （6） ； （4）storagesync 不支持存储 json 数据，读取需要自己手动JSON.parse； （5）不支持 canvas绘画API：微信自定义分享功能，图片裁剪，订单条形码等功能都做不了； （6）
2.4K30发布于 2021-09-24 鸿蒙 6 特性实战闯关：金融支付应用的安全升级之路
鸿蒙 6 特性实战闯关：金融支付应用的安全升级之路 2025年11月，我接触到了某紧急需求项目——基于鸿蒙6.0重构其手机银行APP支付模块，核心目标是解决“公共场合信息泄露”“交易数据被篡改”“老年用户防诈 这个项目让我深度吃透了鸿蒙6.0的安全特性，也踩遍了从特性适配到场景落地的坑。 一、需求拆解与特性匹配：用鸿蒙6.0能力破局 核心场景痛点十分明确：一是用户在地铁、商场等场景查余额、做转账时，屏幕易被旁人窥视；二是支付数据在传输中存在被篡改风险；三是老年用户易被虚假客服诱导进行转账操作 三、性能优化与效果验证：数据说话 基于鸿蒙6.0的方舟引擎，对支付模块做了针对性优化，核心是“启动预加载”与“资源压缩”，同时通过调试对比验证特性效果。 1. 3个关键认知 这次实战让我深刻体会到，鸿蒙6.0的安全特性不是“孤立的API”，而是“场景化的解决方案”： 特性与场景强绑定：AI防窥不是简单模糊屏幕，而是要结合支付场景精准控制模糊范围与时机，避免影响用户操作
62510编辑于 2025-12-24- 来自专栏图雀社区
Taro 小程序开发大型实战（二）：多页面跳转和 Taro UI 组件库
Taro 的路由功能 路由功能是实现多页面应用的核心，幸运的是 Taro 已经自带了。 我们先贴出升级后的 demo 展示： 可以看到我们做了三点改进： 通过点击一个浮动按钮（Fab）[6]来触发创建新文章的浮动弹层（FloatLayout）[7] 发布成功后，会显示一条温馨的消息提示（Message 我们先尝鲜 Taro UI 的 AtButton 组件，替换掉之前 Taro 自带的 Taro 组件： import Taro from '@tarojs/taro' import { View, Form UI: https://taro-ui.jd.com/#/ [6] 浮动按钮（Fab）: https://taro-ui.jd.com/#/docs/fab [7] 浮动弹层（FloatLayout） 小程序开发大型实战（一）：熟悉的React，熟悉的Hooks ·END·
3.8K20发布于 2020-04-07 - 来自专栏京东技术
京东鸿蒙原生应用尝鲜版上架！
早在2020年9月，京东和华为就签署了战略合作协议，不断加大技术投入探索HarmonyOS创新特性，并于2021年6月HarmonyOS 2.0发布之际成功上架京东鸿蒙混合包。 02、技术攻坚助力行业快速构建多端应用 在适配鸿蒙操作系统的过程中，京东与华为持续保持着密切的技术沟通与共创，双方共同攻坚行业适配难点，并推动多端统一开发解决方案Taro在业界率先实现对鸿蒙 ArkUI 此次鸿蒙版京东 APP 便使用了京东推出的 Taro 技术进行开发，而Taro 作为多端统一开发解决方案，可实现以 Web 开发范式来开发小程序、H5、RN 等跨端应用。 基于 Taro“一份代码，多端适配”能力，鸿蒙版京东APP 实现了与京东购物小程序的代码统一，在保障应用性能与体验的同时，极大降低了多端开发与维护成本。 作为头部首批华为鸿蒙合作伙伴，以Taro为代表的跨鸿蒙解决方案和京东多端开发解决方案的创新推出，将有力推动更多应用快速鸿蒙化。 END
58010编辑于 2024-07-04 - 来自专栏若川视野
Taro v3.6 代号为「Reach」，已发布 canary 版本
[6]（跨平台前端框架兴趣小组）后，让 Taro 支持支配鸿蒙就一直在议程上，鸿蒙的方舟开发框架提供类 Web 范式编程，支持使用 JS 开发 UI 层，其语法与小程序相接近，可以沿用 Taro 现有的架构适配鸿蒙 taro-harmony 持续关注 Taro 的开发者可能还记得，在 v3.5-canary 版本时，我们曾推出支持 Taro 应用适配到鸿蒙平台的插件，但最终没有合入 v3.5 版本主干并顺势推出该能力 使用方法 在项目中安装鸿蒙端平台插件 pnpm add -D @tarojs/plugin-platform-harmony@canary “需要注意鸿蒙插件不在 Taro 项目内维护，所以并不会每次发布同版本号版本 MyApplication JS 项目 （5）使用预览器或真机查看应用效果 参考资料：《初窥鸿蒙[7]》、《华为开发者工具[8]》、《鸿蒙开发文档[9]》 项目运行 Taro 编译鸿蒙项目命令 $ taro /discussions/11740 [5] @rebinv8: https://github.com/robinv8 [6] CrossPlatformUI Sig: https://gitee.com
1.4K40编辑于 2023-02-03 - 来自专栏前端时空
Taro 实战网易严选三端项目
今天推荐一个 React 实战项目,使用的是京东的 Taro 框架开发的三端电商应用 —— 仿网易严选。 项目已经有点老旧。Martin 推荐它，是因为这是一个完整的 Taro 多端电商项目。 你需要使用 Taro 3.0.0 对此项目重构一下。 下面让我们看一下 taro-yanxuan 的 GitHub 项目介绍。Martin 略有删减。 taro-yanxuan Github ? 首个 Taro 多端统一实例 - 网易严选（小程序 + H5 + React Native） - By 趣店 FED https://github.com/qit-team/taro-yanxuan Watch https://github.com/qit-team/taro-yanxuan.git # 安装依赖，或 npm i yarn # 运行小程序，编译后的文件位于项目下的 dist 文件夹 # （微信 /docs/react-native.html npm run dev:rn 启动项目 git clone https://github.com/lsqy/taro-music.git cd taro-music
90820发布于 2020-07-10 - 来自专栏深度学习与python
Web技术栈也能开发鸿蒙应用？Taro 给出了一个友好的方案
同时，Taro 的适配代码直接桥接鸿蒙的 ArkUI 层，中间环节所造成的性能损失较少。 本文将深入探讨 Taro 适配鸿蒙 ArkTS 语言的工作原理，接下来我们先一同看看适配的整体思路。 Taro 开发鸿蒙应用时，只需要引入这个插件，执行对应的打包命令即可。 (2) 实现鸿蒙编译打包功能 上面提到，鸿蒙端平台插件会触发鸿蒙的编译打包流程，在该流程中，Taro 会使用 Vite（目前暂时只支持 Vite）来对项目代码进行打包，最后会输出一份可执行的鸿蒙工程源代码到鸿蒙工程目录中 在鸿蒙端方面，主导了 Taro 适配鸿蒙 ArkTS 的核心工作，负责整体架构的设计、核心模块的开发以及性能问题排查和优化。 在 4 月 18-20 日举办的 QCon 全球软件开发大会·北京站，他将以《Taro 适配鸿蒙的框架原理和性能优化》为题，分析 Taro 适配鸿蒙的主要性能瓶颈，比如自定义组件过多、声明式属性绑定过多
2.3K20编辑于 2024-01-23 - 来自专栏鸿蒙开发笔记
鸿蒙实战：ArkTs 开发一个鸿蒙应用
学习过的 ArkTs 知识点，一步一步开发一个小的鸿蒙应用示例，涉及到 ArkTs 语法、注解 @Entry 、 @Component、@state、路由、生命周期、@Prop、 @Link 、常用组件的使用等等知识点 要开发一个鸿蒙应用，首先我们需要知道 系统是如何找到页面的启动入口。 鸿蒙如何启动应用在 HarmonyOS 中，应用程序的启动入口 UIAbility，它继承自 Ability，所以我们需要声明一个 EntryAbility。 想要获取更多完整鸿蒙最新学习知识点，可关注B站：码牛课堂
93820编辑于 2024-07-22 - 来自专栏供应链项目实践
多端开发实战 | 基于 Taro 的多端智能补货预测系统实战指南
我们基于React+Taro技术栈构建的智能补货预测系统，通过算法模型分析历史销售数据、季节性因素和促销活动，为门店提供智能补货建议，同时支持多端协同和人工干预。 二、技术架构全景设计2.1 分层解耦架构系统采用分层解耦架构，确保各模块独立演进能力：2.2 架构解析终端层：基于Taro3.x实现跨端渲染，主要功能模块包括：补货看板（实时预测可视化）。 2.3 技术栈关键组成多端适配层：Taro 3.x实现跨端开发。NutUI组件库保证多端UI一致性。Taro-Request封装统一网络请求。业务逻辑层：Redux Toolkit状态管理。 Taro.offNetworkStatusChange(handleOnline); Taro.offNetworkStatusChange(handleOffline); }; }, 通过本次智能补货预测系统的实践，我们验证了Taro框架在多端复杂业务场景下的可行性，同时探索出零售预测类系统的典型架构模式。
98320编辑于 2025-07-23 - 来自专栏供应链项目实践
多端开发实战 | 基于 Taro 多端门店库存实时同步系统实战指南
本文将基于Taro3.x+React技术栈，从架构设计到代码实现，完整呈现一套多端库存同步方案。 应用层Taro 统一接口：封装 useStock 自定义 Hook，统一调用库存 API。多端展示层Taro 编译为 H5 和小程序代码，UI 组件按平台适配。 应用层Taro 统一接口：封装 useStock 自定义 Hook，统一调用库存 API。多端展示层Taro 编译为 H5 和小程序代码，UI 组件按平台适配。 InventoryContext.Provider value={{ inventoryMap }}>{children}</InventoryContext.Provider>;};（5）离线消息处理（6） ：提升库存透明度，降低用户决策成本；Taro 深度适配：一套代码覆盖 H5 与小程序，降低开发成本。
78220编辑于 2025-07-19 - 来自专栏供应链项目实践
多端开发实战 | 基于 Taro 的智能商品推荐系统多端实战指南
基于项目协同过滤（Item-CF）的实时计算代码实现：/** * 购物车商品推荐组件 * * 该组件根据当前购物车中的商品，通过协同过滤算法获取相关推荐商品， * 并过滤掉购物车中已存在的商品，展示最多6个推荐商品 cartItems.some(i => i.id === p.id)), ); }); } }, [cartItems]); // 依赖项：购物车商品数组 // 渲染推荐商品网格（最多展示6个 ） return <ProductGrid products={relatedProducts.slice(0, 6)} />;};参数说明：cartItems：当前购物车商品数组（需包含 id 字段 maxRecommendations：最大推荐数量（默认 6）。2.3 智能商品搜索技术组合：前端优化：防抖机制 + 搜索建议预加载。 最终返回6条结果（3+3），兼顾匹配精度与结果多样性。
86520编辑于 2025-07-08 - 来自专栏极乐技术社区
干货 | Taro 开发微信小程序入门与实战
对于 React 爱好者来说，Taro 将是你开发小程序的不二选择，Taro 是第一款用 React 语法写小程序的框架，一直在不断的迭代和快速的成长，官方团队还给开发者提供了 Taro-UI 库，同时支持将 微信小程序 转为 Taro 项目以及 Taro 代码与微信小程序代码混写 叨叨了这么多，回到分享的主题，下面将会详细介绍 如何使用 Taro 开发微信小程序 一：安装 Taro 开发工具 @tarojs 很多人反馈用原生的 Taro.request或者用第三方axios等等做异步请求总会有错，我没亲测，但是自己用promise封装了方法, 在根目录src文件夹下创建utils文件夹， 在这里我简单的模拟微信授权登录 四：this的指向问题 1）在 Taro 的页面和组件类中，this 指向的是 Taro 页面或组件的实例,如果我们要引用原生组件，需要使用到this的时候，如果如下引用： Taro.createCanvasContext
1.7K20发布于 2019-11-21 - 来自专栏前端时空
Github Daily - Taro 实战网易云音乐小程序
今天推荐一个 React 实战项目,使用的是京东的 Taro 框架。 Taro Github https://github.com/NervJS/taro watch 688 star 26.2k fork 3.2k 简介 Taro 是一套遵循 React 语法规范的 多端开发 使用 Taro，我们可以只书写一套代码，再通过 Taro 的编译工具，将源代码分别编译出可以在不同端（微信/百度/支付宝/字节跳动/QQ小程序、快应用、H5、React-Native 等）运行的代码。 特性 支持多种框架 Taro 目前支持 React、Nerv、Vue 三类框架，在未来 Taro 将开放拓展能力，使得开发者可以通过 Taro 拓展更多的框架支持。 taro-music Github 基于 taro + taro-ui + redux + react-hooks + typescript 的网易云音乐 App 技术栈主要是：typescript、taro
76076发布于 2020-07-08
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号