目录
概述
一、开发鸿蒙应用前步骤
二、创建手机应用工程
三、代码四、运行结果
五、总结
概述
最近鸿蒙系统被炒的很火,我对鸿蒙系统也挺感兴趣,趁着端午节,吃着粽子的兴致,打开电脑上安装许久的开发鸿蒙系统IDE,试着跑个简单的Demo。此时,记录一下。编写一个简单的Demo,对于之前有开发过Android应用经验的攻城狮我来说,鸿蒙系统的应用熟悉又陌生,好久没玩Android了,不过还是有印象,走,玩起来。(注:开发鸿蒙系统应用:需具备技能:JAVA、HTML、JS、CSS开发语言)
一、开发鸿蒙应用前步骤
首先要在华为的官网注册一个账号,注册账户具体步骤按照提示来即可。有账号才能往下进行其它操作。如下所示:
![](https://img-blog.csdnimg.cn/20210614115629710.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MDc1NjEy,size_16,color_FFFFFF,t_70)
登录成功后如下图所示:
![](https://img-blog.csdnimg.cn/20210614115900831.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MDc1NjEy,size_16,color_FFFFFF,t_70)
![](https://img-blog.csdnimg.cn/20210614120040924.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MDc1NjEy,size_16,color_FFFFFF,t_70)
在线体验运行效果,这个的开发确实很棒。
![](https://img-blog.csdnimg.cn/20210614120110696.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MDc1NjEy,size_16,color_FFFFFF,t_70)
1)、入门系统定义:链接,列出来的步骤非常详细。
2)、开发工具介绍(DevEco Studio)官网罗列详细,这里就不赘述了。
二、创建手机应用工程
![](https://img-blog.csdnimg.cn/20210614122122159.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MDc1NjEy,size_16,color_FFFFFF,t_70)
下载gradle,自动化构建工具。
![](https://img-blog.csdnimg.cn/20210614122158149.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MDc1NjEy,size_16,color_FFFFFF,t_70)
由于我安装HUAWEI DevEco Studio很久了,现需要更新最新的SDK。
![](https://img-blog.csdnimg.cn/20210614122606341.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MDc1NjEy,size_16,color_FFFFFF,t_70)
没有选择模拟器
![](https://img-blog.csdnimg.cn/20210614123522485.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MDc1NjEy,size_16,color_FFFFFF,t_70)
使用模拟器运行调试,需要按照这个步骤来操作即可,链接
进入HVD Manager中选择一个模拟器
![](https://img-blog.csdnimg.cn/20210614123623365.png)
![](https://img-blog.csdnimg.cn/20210614233208321.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MDc1NjEy,size_16,color_FFFFFF,t_70)
点击“允许”,按钮即可。
登录客户端
![](https://img-blog.csdnimg.cn/20210614125920195.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MDc1NjEy,size_16,color_FFFFFF,t_70)
客户端登录成功后,再次到工具栏找到找到 Tools->HVD Manager,选择并点击它,即可出现如下所示:
![](https://img-blog.csdnimg.cn/20210614123731725.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MDc1NjEy,size_16,color_FFFFFF,t_70)
我选择了P40,一个手机端的应用。点击右上角蓝色三角运行符号,如下所示:
![](https://img-blog.csdnimg.cn/20210614123944997.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MDc1NjEy,size_16,color_FFFFFF,t_70)
运行该Demo
![](https://img-blog.csdnimg.cn/20210614124042711.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MDc1NjEy,size_16,color_FFFFFF,t_70)
![](https://img-blog.csdnimg.cn/2021061412411454.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MDc1NjEy,size_16,color_FFFFFF,t_70)
![](https://img-blog.csdnimg.cn/20210614124252585.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MDc1NjEy,size_16,color_FFFFFF,t_70)
此时运行不了,我重新进入模拟器管理器发现是API 5 版本,和下载的SDK API 4不匹配,导致运行不。
解决方法:在工程目录中找到config.json,打开它把里面的releaseType这条语句删掉。继续尝试运行。
![](https://img-blog.csdnimg.cn/20210614125307505.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MDc1NjEy,size_16,color_FFFFFF,t_70)
重新运行
![](https://img-blog.csdnimg.cn/2021061412535716.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MDc1NjEy,size_16,color_FFFFFF,t_70)
三、代码
![](https://img-blog.csdnimg.cn/20210614233513820.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MDc1NjEy,size_16,color_FFFFFF,t_70)
四、运行结果
![](https://img-blog.csdnimg.cn/20210614233610191.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM2MDc1NjEy,size_16,color_FFFFFF,t_70)
五、总结
引用前端语言开发应用,确实比起我当时开发的Android更具可玩性,本次鸿蒙系统体验很不错。期待各位攻城狮们一起来体验、开发、完善这个社区。加油,各位攻城狮们。好了,这篇文章就介绍到此为止。谢谢赏阅 ^_^ 。