[超多图新手教程]Mac上开发HarmonyOS的Hello World应用

159 阅读2分钟

环境准备

DevEco Studio,官网链接,注意根据自己的Mac的CPU型号来下载对应的安装包。下载速度应该是很快的,都是国内的服务器。解压缩安装一气呵成。

image.png

首次启动会需要下载安装一些组件,界面类似下边这种(第一次安装忘记截图了)。注意这里需要下载HarmonyOS SDK还有OpenHarmony SDK。

image.png

相比于Android Studio的默认下载,DevEco Studio下载的速度很快,都在国内的CDN。

安装Nodejs,不需要自己从Nodejs官网下载,直接在DevEco Studio中使用华为源即可。

image.png

从菜单栏点击 “Tools” -> “Device Manager”,默认没有任何模拟器,点击"Install"安装。然后新建一个模拟器,软件会提示需要先下载system系统镜像,按照提示安装好即可。

image.png

点击启动按钮,即可运行模拟器。

image.png

image.png

鼠标移动到手机边框上,会变成🖐🏻形状,就可以拖动模拟器到其他位置了。

示例代码Websocket

官方的示例代码有很多,我们从这里找。本示例就采用第一个,Websocket项目。

服务端代码

代码仓库下载服务端源代码,使用Goland或者你喜欢的IDE打开并运行项目,可以自行添加一些日志,默认运行起来没有日志记录。

客户端代码

代码仓库下载客户端源码,使用DevEco Studio打开项目。 选择运行设备为自己刚才添加的模拟器手机,并点击运行。 image.png 会弹出来一个简洁朴素(简陋)的UI界面,大概是这个样子,输入Mac的IP地址,这里无法直接复制粘贴,略有不便。

image.png 输入完IP之后,不会自动连接,需要手动点击界面上方的“连接”按钮,如果变成绿色按钮,就说明连接成功,这之后再服务端的输出里也有一些日志了。

image.png

image.png 在模拟器里的输入框输入一些字符,并点击发送,会收到echo信息。

image.png 输入的回车符号会使用\n来展示。

至此,第一个HelloWorld算是运行起来了!

打包

image.png