HarmonyOS4+NEXT—第二章 安装真机模拟器

921 阅读3分钟

鸿蒙开发系列合集

1、HarmonyOS4+NEXT—第一章 初识HarmonyOS4
2、HarmonyOS4+NEXT—第二章 安装真机模拟器
3、HarmonyOS4+NEXT—第三章 ArkUI基础与容器组件

2.1 真机模拟器

        HarmonyOS属于Android类的开发,因此真机调试是非常必要的,虽然DevEco Studio编辑器给我们提供了非常便捷的预览区,可以让我们一边开发一边看到实时的效果,但那毕竟只是编辑器的工具,并不能准确无误的代表在真机上的效果。

        官方文档:developer.huawei.com/consumer/cn…

        安装文档:b11et3un53m.feishu.cn/wiki/LGprwX…

2.2 安装模拟器

    1、"工具"->"设备管理器"

image.png

    2、使用华为帐号登录

image.png

        模拟器是需要华为账号授权的,如果是新账号,可能会弹出提示"账号未授权"。

image.png

        这里选择"在线提交申请表"跳转到申请页,按要求填写表格即可。

image.png

    3、添加模拟器

        模拟器的容量是比较大的,不建议安装在C盘,在新建模拟器之前建议先设置好它的安装目录。

image.png

    4、下载设备映像

        这里它有3个版本分别是手机版、折叠屛和平板。一般我们选择的是手机版,它是要先下载映像的,老规矩先自定义映像的位置,这个映像大概有2G左右。

image.png

image.png

image.png

    5、选择设备

        下载好镜像之后就可以进入下一步了,来到设置虚拟设备的名称、内存、存储空间等等,这些一般默认即可。

image.png

image.png

    6、启动模拟器

image.png

        启动模拟器时,弹窗提示“未开启Hyper-V”或“Hyper-V not enabled”。

image.png

        解决方案:首先打开控制面板 > 程序 > 程序与功能 > 启动或关闭Windows功能,找到并勾选“Hyper-V”、“Windows虚拟机监控程序平台”、“虚拟机平台”,点击确定并重启电脑。若勾选后启动模拟器仍然提示该错误,需要以管理员权限打开命令行窗口并执行:bcdedit /set hypervisorlaunchtype auto

image.png

    7、成功启动

image.png

2.3 预览区 VS 模拟器

    1、应用部署到模拟器

        成功启动了模拟器之后,下一步就是将应用跟模拟器关联起来。

        在编辑器右上方有一个设备选择的下拉框,点开它会发现,如果安装了模拟器之后它会多了一个模拟器名称的选项,选择它然后启动即可。

image.png

    2、预览区与模拟器的区别

        这两者之间如果是纯粹的样式布局,基本上没有很大差别。如果涉及到外部资源的请求,在预览区是可以正常展示的,但在模拟器上就未必那么顺利,因为它会涉及一些网络安全等等的问题,需要通过配置才能够解决。

        这里举一个例子体现它们的区别,比如加载一张外部链接的图片,这个就涉及到外部资源的请求。在没有设置网络访问权限的情况下,预览区能看得见,但模拟器看不见。

image.png

    3、权限配置

        (1)配置方法

            配置权限的方法,是在src/main的目录下,找到module.json5文件,添加requestPermissions属性。它是一个数组,可以配置多个权限,每个对象对应一个权限。

            配置权限文档:developer.huawei.com/consumer/cn…

image.png

        (2)配置说明

image.png

        (3)查看权限列表

            它提供了很多权限,我们没必要全部配置,只需要找到对应的权限进行配置。比如现在我们需要配置网络权限,我们可以通过以下文档去寻找。

            权限列表文档:developer.huawei.com/consumer/cn…

image.png

        (4)配置权限

            找到对应的网络权限之后,打开module.json5文件,按照上面的例子配置即可。

image.png

        (5)重启预览区

            配置权限之后,需要重启一下才能生效,点击编辑器右上角的"Run 'entry'"按钮,最终预览区与模拟器展示一致。

image.png