鸿蒙应用开发项目新建过程与hap包生成方法

简介: 今天主要和大家聊一聊,如何利用DevEco Studio创建工程项目,应用层的开发需要知道其中的配置方法。

第一:创建项目

1、打开DevEco Studio选择【Lite】Empty Ability项目

fda8b467152e32740b6a5ebf8d0c74bc.png2.点击next,输入项目名称(Project name),项目类型(Project type)选择Application,输入包名(Bundle name),项目存放路径(Save location),开发语言(Language)默认是JS,api支持版本(Compatible API version)这里选择SDK:API Version 6,设备类型(Device type)勾选Smart Vision。


cd10f9b876df44fe33c9c23a44f32eeb.png

注意:包名格式一般为com.公司名称.项目名称

3.点击finish,等待工具自动创建完整的项目工程,这样一个基础的应用就创建完成了。

第二:代码实现与分析

项目结构示意图

d6ab869d13cb73b7a5f43d75dd204ae7.png

entry->src->main 目录为我们项目的主目录

main->js 为项目代码目录

main->resources 为项目资源目录

注:这里有一点需要注意以下,DevEco Studio在创建项目的时候其实默认还是会选择当前最新的API版本进行创建,如果是使用最新的API版本,你的硬件也需要使用最新的OpenHarmony版本才可以运行程序,如果无法使用最新版本的OpenHarmony,这里请手动更改api版本,方法如下。

找到工程里的两个build.gradle文件,找到其中的compileSdkVersion,将后面对应的数字都改成6即可。


1.找到index.hml文件,该文件是程序主页面文件,双击它打开编辑视图,开发工具最右侧有一个Previewer按钮,点击可打开预览。

9e4fc5984ade87f3feb44978ca0da0f0.png

这就是我们的最简单的一个hello world项目工程了。


2、接下来编写一个退出应用的代码,添加如下界面代码

<div class="container">
    <text class="title">
        Hello {{ title }}
    </text>
    <text class="content" onclick="exit">
        Exit
    </text>
</div>

找到index.css文件,该文件是程序主页面对应的css样式文件,直接双击打开添加如下代码

.container {
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.title {
    width: 200px;
    font-size: 30px;
    text-align: center;
}
.content{
    margin-top: 20px;
    width: 200px;
    font-size: 30px;
    text-align: center;
}

找到index.js文件,该文件是程序主页面对应的JavaScript文件,主要写一些对应的事件代码和逻辑函数。双击打开添加如下代码。

注:注意逗号

import app from '@system.app';
export default {
    data: {
        title: 'World'
    },
    exit(e){
        app.terminate()
    }
}

完成编辑后的预览效果

4fcdc1331d388ef8a6945d7a672bba9a.png

这样我们的一个hello world程序就编写完成了。

第三:将代码编译成hap包

1.点击编辑器最左下角的OhosBuild Varilants,打开编译模式选择视图,编译模式分debug和release,这里我们选择release模式。

3c3059ef5723a876c4203ec53e414136.png

2.点击编辑器上方菜单栏的Build->Build Hap(s)/App(s)->Build Hap(s),系统就会开始自动编译代码成hap包,等到下方Build Output无编译错误,就表示代码编译完成了。

 eb496959a0fedd2593ca30287e8a3d55.png

3.完成之后找到项目存放目录进入build->outputs->hap->release->smartVision目录下,这里面就是我们编译好的hap包文件。

 2f7d6e6b6be0fc26ce0e75853c66595c.png

目录
相关文章
|
25天前
|
API
HarmonyOS 3.1/4项目在DevEco Studio 5.0(HarmonyOS NEXT)版本下使用的问题
有读者在使用《鸿蒙HarmonyOS应用开发入门》书中的源码时遇到问题,主要原因是使用的DevEco Studio版本不同所致。本文提供了三种解决方案:1) 降级DevEco Studio至3.1版本;2) 按照5.0版本修改书中示例;3) 等待并使用《鸿蒙之光HarmonyOS NEXT原生应用开发入门》升级版书籍。
141 1
|
25天前
|
UED
「Mac畅玩鸿蒙与硬件24」UI互动应用篇1 - 灯光控制小项目
本篇将带领你实现一个互动性十足的灯光控制小项目,用户可以通过点击按钮来控制灯光的开关。该项目将涉及状态管理、动态图片加载以及按钮交互,是学习鸿蒙应用开发的重要基础。
38 5
「Mac畅玩鸿蒙与硬件24」UI互动应用篇1 - 灯光控制小项目
|
10天前
|
存储 JSON 开发工具
三、HarmonyOS NEXT应用开发:ArkTS工程目录结构(Stage模型)
本文介绍了HarmonyOS NEXT应用开发中ArkTS工程的目录结构(Stage模型),包括AppScope、entry、hvigor、oh_modules等主要目录及其作用。重点解析了entry目录下的src > main > resources目录结构,详细说明了base、限定符目录和rawfile的作用,以及如何引用资源文件。
47 1
|
10天前
|
IDE JavaScript 开发工具
一、鸿蒙应用开发快速体验
本文介绍了鸿蒙应用开发的快速体验流程,涵盖从开发环境的准备到项目的实际运行。首先,需安装并配置华为DevEco Studio IDE,该IDE基于IntelliJ IDEA Community构建,旨在为鸿蒙应用开发提供一站式解决方案。接着,通过创建新项目、选择合适的模板及配置项目信息,可以迅速搭建起应用的基本框架。最后,本文还详细描述了如何利用Preview预览、模拟器运行以及真机调试三种方式来测试和优化应用,确保其在不同场景下的兼容性和性能表现。整个过程旨在帮助开发者快速入门鸿蒙应用开发,提升开发效率。
37 0
一、鸿蒙应用开发快速体验
|
1月前
|
监控 Java Shell
「Mac畅玩鸿蒙与硬件7」鸿蒙开发环境配置篇7 - 使用命令行工具和本地模拟器管理项目
本篇将讲解在 macOS 上配置 HarmonyOS 开发环境的流程,聚焦 hvigorw 命令行工具的使用。我们将以创建 HelloWorld 项目为例,演示使用 hvigorw 进行项目构建、清理操作,并通过 DevEco Studio 的本地模拟器进行预览,帮助提升项目开发与调试效率。
82 3
「Mac畅玩鸿蒙与硬件7」鸿蒙开发环境配置篇7 - 使用命令行工具和本地模拟器管理项目
|
2月前
|
JavaScript IDE 程序员
你会了吗 HarmonyOS Next 项目级别的注释规范
你会了吗 HarmonyOS Next 项目级别的注释规范
68 1
你会了吗 HarmonyOS Next 项目级别的注释规范
|
1月前
|
缓存 前端开发 API
鸿蒙应用开发:下载功能
鸿蒙应用开发:下载功能
125 1
|
2月前
|
存储 开发工具 开发者
紧跟科技潮流,揭秘鸿蒙应用开发新世界:打造全场景智慧生活,你准备好迎接这场技术革命了吗?
【10月更文挑战第20天】随着华为鸿蒙系统的发布,一个全新的操作系统生态正在形成。本文将探讨基于鸿蒙系统的应用软件开发,介绍其跨设备特性、开发工具链及框架,并通过示例代码展示开发流程,帮助开发者更好地理解和利用这一平台。
46 4
|
2月前
|
Dart IDE 开发工具
鸿蒙Flutter实战:09-现有Flutter项目支持鸿蒙
本文介绍了将现有Flutter项目适配鸿蒙系统的步骤。首先,根据[鸿蒙Flutter适配指南]搭建开发环境,并使用fvm管理多版本SDK。项目采用模块化设计,包括apps、common、components、modules和plugins等目录,分别对应不同功能模块。重点在于在apps目录下创建新的鸿蒙项目,逐步添加依赖并解决版本兼容性问题。最后,通过配置pubspec.yaml文件和特定插件的鸿蒙化适配,完成项目的编译与运行测试。
269 0
|
5月前
|
存储 开发框架 安全
鸿蒙 HarmonyOS NEXT星河版APP应用开发-阶段一
HarmonyOS NEXT星河版的应用开发标志着华为分布式操作系统的全新篇章,它聚焦于打造原生精致、易用、流畅、安全、智能和互联的极致体验。开发者可以利用其先进的API和工具集,如DevEco Studio,构建高性能、跨设备无缝协同的应用程序,从而充分利用HarmonyOS的分布式能力,为用户带来一致且丰富的多场景数字生活体验。随着“学习强国”、岚图汽车、中国电信等知名企业和应用的加入,鸿蒙生态正迅速扩展,引领着原生应用开发的新趋势。
211 3
鸿蒙 HarmonyOS NEXT星河版APP应用开发-阶段一