HarmonyOS应用开发 - 工具记录

HarmonyOS应用开发是目前是最火、最有前景的方向,现在入门鸿蒙开发还来得及。鸿蒙开发官网:developer.huawei.com/consumer/cn

大家好,我是德莱问,前端太卷了,已经卷不动了,现在换个方向,卷鸿蒙吧。此次记录一下鸿蒙开发中使用到的几个命令,以备后面使用的时候可以快速找到。

开发环境搭建

如果你之前是做前端的话,下载工具后,按照步骤即可完成环境适配,记得一定要搞一个开发机,现在的preview是完 全不同于前端的,可以理解为基本不能用。

工具下载地址:developer.huawei.com/consumer/cn...

概念普及

  • 依赖管理:ohpm,可以理解为前端的pnpm;
  • 开发语言:现在开发语言使用的是arkts,可以理解为typescript
  • UI框架:arkui,属于flutter语法。

其实从上面来看,鸿蒙开发对于前端来说还是比较友好的,一些概念性的东西可以直接应用到鸿蒙开发上面。当然客户端的一些东西就要从头学习一下啦。

获取设备的uuid

华为开发过程中需要使用到开发机,获取开发机的uuid后,添加到白名单中,即可实现无需签名就可以使用开发机,构建应用啦。连接手机设备到电脑后执行以下命令获取到开发机的uuid:

hdc shell bm get --udid

前端页面的开发调试

客户端开发中,肯定少不了WebView的实现,如何对前端页面进行inspect呢?命令如下:

1、启动设备,即编译安装app

2、执行:hdc shell

3、获取进程:cat /proc/net/unix | grep devtools,此时会获取到一个id。

4、连接设备:hdc fport tcp:9222 localabstract:webview_devtools_remote_【id】

5、查看连接状态:hdc fport status

6、打开Chrome浏览器,输入:chrome://inspect/#devices,点击对应的页面进行inspect即可。

7、记得WebView创建的时候要设置domStorageAccess属性为true,不然使用到LocalStorage的地方会直接报错。

组件WebView的一个bug

客户端开发过程中,肯定使用到抓包,华为抓包是需要指定一个caPath 的,即https请求的证书地址。 无论是使用华为提供的http包,还是使用@ohos/axios包,都是支持配置capath的。所以我们可能会封装一个request模块,去统一发起网络请求,这个时候在request模块里面直接写死caPath即可。

WebView的官方使用文档:developer.huawei.com/consumer/cn...

当我们使用 WebView 的时候,打开页面后,页面里面肯定会有其他的一些网络请求,而且现在网络请求基本都是https的网络请求,但是无法指定其网络请求发起时的caPath,所以网页里面的所有网络请求都会请求失败。

解决办法:

  • 当抓包的时候,别打开WebView
  • 当打开WebView的时候,别抓包,直接使用上面的inspect进行网页调试。

等华为修复后可能就好了。创建WebView的时候支持传递caPath进去。

结尾

欢迎关注公众号【丶德莱问】。

相关推荐
阿钱真强道6 小时前
23 鸿蒙LiteOS 消息队列(Queue)实战教程:任务间数据传递详解
harmonyos·鸿蒙·消息·队列·liteos·rk2206·瑞星微
前端不太难7 小时前
AI 不只是聊天框:鸿蒙 App 新入口
人工智能·状态模式·harmonyos
leon_teacher8 小时前
HarmonyOS 6 实战:基于 Ads Kit 的插屏广告(视频 + 图片)架构与实现全解析
架构·音视频·harmonyos
大师兄66688 小时前
HarmonyOS 服务卡片开发之JS 卡片开发
javascript·华为·harmonyos·harmonyos6·formkit
程序猿追9 小时前
HarmonyOS 6.0 NEXT:基于 Map Kit 实现一款“手绘路线”骑行导航应用
华为·harmonyos
轻口味10 小时前
HarmonyOS 6.1 全栈实战录 - 08 视讯巅峰:Media Kit 视频缩略图批量提取与 HDR 渲染链路实战
华为·音视频·harmonyos
想你依然心痛10 小时前
HarmonyOS 6(API 23)实战:基于悬浮导航、沉浸光感与HMAF的“医智助手“——医疗影像AI智能体辅助诊断平台
人工智能·华为·harmonyos
nashane10 小时前
HarmonyOS 6学习:卡片组件圆角白边问题的诊断与修复实战
人工智能·pytorch·深度学习·harmonyos
川石课堂软件测试11 小时前
接口测试常见面试题及答案
python·网络协议·mysql·华为·单元测试·prometheus·harmonyos
痕忆丶11 小时前
openharmony北向开发基础之OpenHarmony签名机制详解
linux·harmonyos