在这里插入图片描述


在这里插入图片描述


个人名片:

🐼作者简介:一名大三在校生,喜欢AI编程🎋
🐻‍❄️个人主页🥇:落798.
🐼个人WeChat:hmmwx53
🕊️系列专栏:🖼️

🐓每日一句:🍭我很忙,但我要忙的有意义!




HarmonyOS 4.0 应用开发实战

在这里插入图片描述

一、鸿蒙应用开发快速体验

1.1 准备开发环境

1.1.1 安装IDE

鸿蒙应用开发需要使用配套的IDE——HUAWEI DevEco Studio。 DevEco Studio基于IntelliJ IDEA Community(IDEA社区版),为鸿蒙应用提供了一站式开发环境,集成了开发、运行、调试以及发布应用的各项功能。

在这里插入图片描述

以下是具体的安装步骤:

  1. 获取DevEco Studio安装包,官方下载地址为:https://developer.huawei.com/consumer/cn/deveco-studio/
    在这里插入图片描述

  2. 解压之后双击deveco-studio-3.1.0.501.exe,进入安装向导,点击next即可
    在这里插入图片描述

  3. 选择安装路径,完成后点击next
    在这里插入图片描述

  4. 配置安装选项,勾选第一项创建桌面快捷方式即可,完成后点击next
    在这里插入图片描述

  5. 点击Install开始安装
    在这里插入图片描述

  6. 等待几十秒后,点击Finish完成安装
    在这里插入图片描述

1.1.2 配置IDE

安装完成后,可按以下步骤完成初始化配置

  1. 双击桌面快捷方式,启动DevEco Studio
    在这里插入图片描述

  2. 阅读各项条款,点击Agree表示同意
    在这里插入图片描述

  3. 初次启动会出现如下设置向导,首先需要为nodejs和ohpm选择合适的安装路径,完成后点击Next即可
    注:
    nodejs用于为鸿蒙应用的自动化构建工具提供运行环境。
    ohpm(OpenHarmony Package Manager)是鸿蒙生态第三方库的包管理工具,支持共享包的发布、安装和依赖管理。
    在这里插入图片描述

  4. HarmonyOS SDK选择安装目录,完成后点击Next
    在这里插入图片描述

  5. 阅读相关协议,勾选Accept表示同意,完成后点击Next
    在这里插入图片描述

  6. 浏览配置汇总页,确认无误后点击Next
    在这里插入图片描述

  7. 等待下载
    在这里插入图片描述

  8. 下载完成后,点击Finish完成配置
    在这里插入图片描述

  9. 完成配置后,可根据喜好调整DevEco Studio主题风格,点击Configure下的Settings
    在这里插入图片描述

  10. Appearance & Behavior/AppearanceTheme中可选择主题
    在这里插入图片描述

1.2 创建项目

下面我们创建第一个鸿蒙应用项目

  1. 点击Create Project
    在这里插入图片描述

  2. 选择项目模版,此处选择第一个Empty Ability即可。
    在这里插入图片描述

  3. 配置项目
    可能需要调整的配置项如下,其余保持默认即可,配置完成后,点击Finish即可
    Project name项目名称
    Bundle name包名,通常为公司域名倒置
    Save location项目目录
    在这里插入图片描述

  4. IDE界面说明
    在这里插入图片描述

  5. 项目结构概述
    项目结构相对复杂,先简单了解即可,随之后序学习的深入再逐步为大家介绍
    在这里插入图片描述

1.3 运行项目

DevEco Studio提供了多种方式用于运行项目,包括预览、模拟器和真机运行。下面逐一演示

1.3.1 Preview 预览

Previewer预览用于查看应用的UI界面效果,方便随时调整界面UI布局。只需打开需要预览的页面文件,例如下图中的Index.ets,然后点击IDE右侧的Perviewer即可看到预览效果。
在这里插入图片描述

1.3.2 模拟器运行

Previewer预览器主要用于查看界面UI效果,如需对项目进行更加深入的测试,可以使用模拟器运行项目。初次使用需要先安装模拟器,安装步骤如下:

  1. 点击Tools菜单下的Device Manager,打开设备管理器
    在这里插入图片描述

  2. 点击Install,安装模拟器
    在这里插入图片描述

  3. 点击Install后,会首先下载模拟器相关的SDK,下载完成后点击Finish即可。
    在这里插入图片描述

  4. 选择模拟的安装目录,完成后点击New Emulator
    在这里插入图片描述

  5. 选择设备类型——Phone,完成后点击Next
    在这里插入图片描述

  6. 下载系统镜像,注意选择api9版本
    在这里插入图片描述

  7. 等待下载完成后,点击Finish
    在这里插入图片描述

  8. 系统镜像下载完毕后,点击Next
    在这里插入图片描述

  9. 配置模拟器(可选),完成后点击Finish,至此模拟器安装完毕
    在这里插入图片描述

  10. 若想将项目运行到模拟器,首先需要启动模拟器,点击下图中的启动按钮,稍等片刻,等待模拟器开机
    在这里插入图片描述

  11. 开机后的模拟器如下图所示
    在这里插入图片描述

  12. 回到IDE,在右上角的设备列表中选择刚刚创建的模拟器(默认已经选中)
    在这里插入图片描述

  13. 点击运行按钮
    在这里插入图片描述

  14. 查看模拟器
    在这里插入图片描述

1.3.3 真机运行

使用模拟器运行应用时,会占用电脑较多的资源,并且有些功能无法进行测试。当模拟器不满足要求时,可选择真机运行。真机运行的步骤如下

  1. 准备一台装有Harmony OS系统的手机,系统版本最好为4.0.0及以上,系统版本可在设置/关于手机中查看
    在这里插入图片描述

  2. 打开手机的开发者模式。在设置/关于手机中,连续多次点击系统版本号,直至出现您正处在开发者模式!的提示信息
    在这里插入图片描述

  3. 开启USB调试。在系统与更新/开发人员选项中,打开USB调试开关
    在这里插入图片描述

  4. 使用USB数据线将手机和电脑相连,手机会弹框提示选择USB 连接方式,需要选择传输文件。
    在这里插入图片描述

  5. 之后会弹窗询问是否允许USB调试?,可勾选始终允许使用这台计算机进行调试,然后点击确定
    在这里插入图片描述

  6. 回到IDE,在右上角的设备列表中选择连接的手机(默认已选中)
    在这里插入图片描述

  7. 最后点击运行按钮,即可将项目运行到真机中。首次运行会提示缺少签名信息,点击Open signing configs进行配置即可。
    在这里插入图片描述

  8. 生成签名信息需要先登陆华为开发者账号,点击Sign In
    在这里插入图片描述

  9. 浏览器会自动跳转到登录页面,按照要求完成注册、登录即可
    在这里插入图片描述

  10. 登录成功后,回到IDE,再次点击运行按钮,即可将应用运行到真机。
    在这里插入图片描述

第一期完结,等待第二弹…

关注博主,收藏专栏持续更新…


在这里插入图片描述


B站同步开发教程视频:https://www.bilibili.com/video/BV1Ti4y1s79B/


在这里插入图片描述

欢迎添加微信,加入我的核心小队,请备注来意

👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐