【HarmonyOS 6.1 全场景实战】开篇词:打造消除“吃饭焦虑”的《灵犀厨房》
HarmonyOS 6.1 开发者盛宴手把手带你打造《灵犀厨房》AI 厨艺助手一开篇与环境搭建摘要2026年HarmonyOS NEXT 6.1.0API 23正式亮相纯血鸿蒙生态全面加速。但很多开发者都在问除了“Demo 级”的玩具应用我们能不能用鸿蒙做出真正解决生活痛点的全场景 App答案是肯定的。从今天起我将用 40 篇专栏带你从零开发《灵犀厨房》——一个消除你“今天吃什么”终极焦虑、守护烹饪每一步的 AI 个性化厨艺助手。我们只靠一台笔记本和免费的 DevEco Studio 6.1 就能搞定全部开发本篇是开篇我们将完成环境搭建创建 API 23 项目并体验超级设备模拟器的威力。文末有专栏全部 40 篇文章的完整预告和粉丝专属福利千万别错过一、为什么是《灵犀厨房》作为一名开发者我深知“吃饭”是每天最重要也最头疼的事。打开外卖 APP 刷半小时最后还是点了昨天那家看到菜谱“少许”“适量”就头大做饭时手忙脚乱手机屏幕沾满油污……《灵犀厨房》正是为解决这些痛点而生。它不是又一个菜谱浏览器而是一个懂你口味、懂你健康、还能在你做饭时守护你的 AI 厨艺伙伴。它的核心能力包括AI 智能推荐基于你的健康数据Health Kit和现有食材拍照识别为你专属推荐“今天吃什么”。全场景烹饪守护做饭时烹饪计时器可以流转到手表提醒你翻面智慧屏或音箱用语音播报步骤你不再需要用手碰手机。一站式管理一键生成购物清单收藏菜谱分享你的作品。最关键的是开发它你只需要一台笔记本电脑因为 HarmonyOS 6.1.0 提供了强大的超级设备模拟器能在一台电脑上同时模拟手机、平板、智慧屏甚至智能手表并进行多设备协同开发。这正是纯血鸿蒙区别于其他系统的最强优势。二、准备工作安装 DevEco Studio 6.1这是本专栏最“枯燥”但最重要的一篇请务必跟着步骤走完。2.1 下载 DevEco Studio 6.1打开浏览器访问 HarmonyOS 开发者官网https://developer.harmonyos.com/cn/develop/deveco-studio点击页面上的“立即下载”按钮获取最新的 DevEco Studio 6.1.x 安装包。解开压缩会看到如下安装包配置建议Windows 用户请使用 Windows 10/11 64位系统内存不低于 16GB硬盘至少保留 30GB 空间。虽然 8GB 也能跑但模拟器会比较吃力。2.2 安装步骤Windows双击.exe文件全程点“下一步”即可建议勾选“创建桌面快捷方式”。Mac打开.dmg文件将 DevEco Studio 拖入“应用程序”文件夹。安装完成后首次启动 IDE。如果弹出“导入设置”窗口选择“Do not import settings”点击 OK。2.3 配置 HarmonyOS SDK务必选择 API 23进入配置向导后需要下载 Node.js、Ohpm 以及核心的 HarmonyOS SDK。Node.js 与 Ohpm建议使用华为镜像源下载速度更快。设置一个空间充裕的路径例如D:\DevEcoTools。HarmonyOS SDK 下载这是最关键的一步。在 SDK 平台列表中确保勾选HarmonyOS并在右侧版本列表中必须勾选 API Version 23对应 6.1.0。同时勾选必要的工具链Toolchains。确认 License 协议勾选 Accept然后等待下载完成。常见问题如果下载失败或速度慢可以尝试在File → Settings → Appearance Behavior → System Settings → HTTP Proxy中勾选 “Auto-detect proxy settings” 或 “No proxy”然后重试。2.4 创建第一个 API 23 项目下载完成后点击 Finish 进入欢迎页然后点击新建项目。选择模板左侧选应用右侧选Empty Ability点击 Next。工程配置项目名称LingxiKitchen包名com.annan.lingxikitchen保存路径D:\HarmonyOS_ProjectsCompatible SDK建议选择6.1.0(23)模型名称entry设备类型Phone点击 【完成】按钮等待工程同步完成。完成后工程被打开后会看到一些新的UI元素和特性如下所示尝试CodeGenie编程辅助助手新特性点击 【完成】按钮如图所示会看到CodeGenie界面这个是加入了AI辅助编程模型帮助开发者快速构建应用。因此我们可以注册登录借助其完整高效编程。点击【登录】按钮会跳转到登录华为官网登录界面然后输入正确的用户名和密码如没有账号密码需先登录登录成功如下所示此时返回IDE中点击【同意并使用】按钮之后就可以看到大模型输入对话框了此时可以专注于开发App了。三、工程目录解析与初体验同步完成后你会看到如下的完整项目结构LingxiKitchen/ # 工程根目录 │ ├── .hvigor/ # Hvigor 构建工具缓存与输出目录 ├── .idea/ # IDE (DevEco Studio) 工程配置目录 ├── AppScope/ # 应用全局作用域配置 │ └── app.json5 # 应用级配置文件包名、图标、名称等 ├── entry/ # Entry 模块主模块 │ ├── src/ │ │ ├── main/ │ │ │ ├── ets/ # ArkTS 源码主目录 │ │ │ │ ├── entryability/ # UIAbility 入口能力 │ │ │ │ ├── entrybackupability/ # 备份恢复能力 │ │ │ │ └── pages/ # 页面目录 │ │ │ │ └── Index.ets # 默认首页 │ │ │ ├── resources/ # 模块资源目录字符串、图片、颜色等 │ │ │ └── module.json5 # 模块配置文件Ability、权限、pages路由 │ │ ├── mock/ # 模拟数据目录前端 Mock │ │ ├── ohosTest/ # 自动化测试目录UI/集成测试 │ │ └── test/ # 单元测试目录本地单元测试 │ └── (其他 build 文件等) │ ├── hvigor/ # Hvigor 构建工具配置及插件 ├── oh_modules/ # 依赖仓库存放目录类似 node_modules │ ├── .gitignore │ ├── build-profile.json5 # 编译构建配置 │ ├── code-linter.json5 # 代码 Linter 规则配置 │ ├── hvigorfile.ts # 模块级构建脚本 │ ├── local.properties # 本地工程属性SDK/NDK路径等 │ ├── oh-package.json5 # 包描述文件依赖声明 │ └── oh-package-lock.json5 # 依赖版本锁定文件 │ ├── .gitignore # Git 忽略规则 ├── build-profile.json5 # 工程级编译构建配置 ├── hvigorfile.ts # 工程级构建脚本 ├── obfuscation-rules.txt # 混淆规则文件 └── oh-package.json5 # 工程级包描述文件整体依赖打开entry/src/main/ets/pages/Index.ets你会看到如下代码EntryComponentstruct Index{Statemessage:stringHello World;build(){RelativeContainer(){Text(this.message).id(HelloWorld).fontSize($r(app.float.page_text_font_size)).fontWeight(FontWeight.Bold).alignRules({center:{anchor:__container__,align:VerticalAlign.Center},middle:{anchor:__container__,align:HorizontalAlign.Center}}).onClick((){this.messageWelcome;})}.height(100%).width(100%)}}这就是 ArkTS 声明式 UI 的基本结构。先别急着深究我们把它改成《灵犀厨房》的启动画面让你感受一下EntryComponentstruct Index{StateappName:string灵犀厨房;Stateslogan:string你的AI私人厨艺助手;build(){Column({space:20}){// LogoText().fontSize(80)// App名称Text(this.appName).fontSize(36).fontWeight(FontWeight.Bold).fontColor(#FF6B35)// SloganText(this.slogan).fontSize(16).fontColor(#999999)// 开始按钮Button(开始点菜).fontSize(18).backgroundColor(#FF6B35).borderRadius(24).padding({left:40,right:40}).onClick((){console.info(即将进入主页);})}.height(100%).width(100%).justifyContent(FlexAlign.Center).backgroundColor(#FFF8F0)}}点击右侧Previewer面板你可以立刻看到这个启动页的效果。点击“开始点菜”按钮底部 Log 窗口会打印出日志。注意新特性在6.1版本的DevEco中已经支持AI辅助编程你可以开启自动续写功能进行代码预测和补全功能。如下图所示如需要开启这个特性点击【立即开启】按钮即可在如下弹窗中点击【确定】即可。四、超级设备模拟器一台电脑搞定的秘密本专栏最依赖的硬核工具来了超级设备模拟器。在 IDE 顶部菜单栏点击工具→ 设备管理器。选择本地模拟器位置选项卡点击 新建模拟器。你会看到可以创建的设备类型Phone、Tablet、TV、Wearable。这正是我们需要的依次创建一个 Phone 模拟器和一个 Tablet 模拟器系统镜像都选择API 23。首次需要下载稍等一会儿。启动它们后你可以在设备管理器中看到两台设备的状态。如下图所示为节省电脑资源只启动Phone类型的模拟器在后续的开发中我们将大量使用这个模拟器来演示“手机选菜谱 → 流转到平板看步骤 → 模拟智慧屏播放视频”的全场景体验。你完全不需要任何实体 IoT 设备就能完成本专栏 100% 的开发任务。五、本专栏能让你学到什么通过 40 篇文章的完整实战你将掌握以下 HarmonyOS 6.1.0 核心技能ArkTS 声明式 UI 开发从基础组件到复杂自定义组件Stage 模型Ability 生命周期、多模块设计分布式能力跨设备流转、分布式数据库AI 服务集成图像识别、语音合成与识别Health Kit读取健康数据个性化推荐元服务与卡片原子化服务与桌面卡片开发多媒体与动画视频播放、交互动效性能优化Profiler、并发编程发布全流程签名、打包、上架 AppGallery六、专栏完整预告序号文章标题1开篇词打造消除“吃饭焦虑”的《灵犀厨房》2环境搭建与超级设备模拟器配置API 233Stage 模型项目结构与设备形态适配策略4ArkTS 高效开发TypeScript 核心与 API 23 新规5【首页开发】“今日吃什么”智能推荐布局上6【首页开发】“今日吃什么”智能推荐布局下7【食材识别】调用相机拍照与图像分析服务8【AI 推荐逻辑】基于偏好与食材生成推荐菜谱9【菜谱详情】沉浸式分步浏览页10状态管理与跨组件通信实现食材勾选11【购物清单】一键生成并分组展示12【数据打通】访问 Health Kit 获取健康数据13【营养分析引擎】计算个性化卡路里建议14【智能厨电模拟】用代码模拟发现与控制设备15【分布式流转】手机选菜谱→平板看步骤→智慧屏播视频16超级设备模拟器实战多设备交互调试技巧17【语音合成】烹饪步骤分步语音播报18【语音识别】实现“下一步”“重复”等声控操作19【手表协同】烹饪计时器流转至智能手表20通知系统多设备推送提醒21【元服务】一键烹饪推荐原子化服务22【服务卡片】在桌面查看烹饪进度23多媒体AVPlayer 嵌入教学视频24交互动效转场、列表动画与趣味反馈25手势操作滑动调整“火力大小”26深色模式与多主题开发27响应式布局折叠屏与平板完美适配28并发优化TaskPool 加速图片分析29【收藏与历史】使用 Relational Store 持久化数据30【个人中心】偏好设置与过敏源管理31【社区分享】用户菜谱分享与展示32应用权限管理与隐私保护最佳实践33性能调优使用 DevEco Profiler 提升流畅度34自动化测试与单元测试编写35签名与证书管理真机调试准备36打包与发布生成 Release 包与混淆37上架 AppGallery Connect 全程指南38数据分析集成分析服务查看用户行为39社区推广如何利用 CSDN 等平台推广你的鸿蒙应用40专栏总结回顾40篇开启你的 HarmonyOS 生态新征程七、粉丝专属福利为了感谢每一位关注本专栏的开发者我准备了以下福利关注 收藏本专栏第一时间获取全部 40 篇文章的更新通知。点赞 评论任意一篇文章私信我即可领取《HarmonyOS 6.0 安全技术白皮书》电子版。结语HarmonyOS 6.1.0 的全场景能力给了我们开发者前所未有的施展空间。《灵犀厨房》这个项目不仅是技术学习之旅更是对“科技如何真正改善生活”的一次探索。下一篇我们将深入配置超级设备模拟器并搭建《灵犀厨房》的真实项目骨架。准备好了吗让我们一起用代码点亮厨房本文源码地址https://gitee.com/sulongannababy/lingxi-kitchen后续章节代码将陆续上传请先 Star 关注专栏目录点击查看全部40篇文章预告如果觉得本文对你有帮助请不要吝啬你的点赞 、收藏 ⭐ 和评论 你的支持是我持续创作的动力我们下一篇见
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2573447.html
如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!