鸿蒙开发环境搭建教程读屏版,作者,信息无障碍工程师

转载的内容。


关于在屏幕阅读器下搭建鸿蒙原生开发环境,这里也许有些参考给你


作者:信息无障碍工程师


三年前,华为正式面向公众发布了它的操作系统鸿蒙 harmony OS。


鸿蒙是联通多款设备包括手机、电脑、平板、电视、汽车和智能穿戴等的 分布式操作系统。鸿蒙系统的内核 抽象层 支持多内核;在手机及平板等设备上,系统选择Linux内核并包含Android 开源,可兼容Android应用、鸿蒙应用和 网络应用等程序。在手表及 物联网设备上,系统选择轻量级子系统LiteOS。


鸿蒙系统的通信基座使用“分布式 软总线 ”技术联通多款设备,允许一个设备控制其他设备,及共享分布在各款设备的数据资源。


该系统支持多种形式的应用程序,包括在“ 华为应用市场 ”下载和安装的应用程序,及免安装的“快应用”和便捷的“原子化服务”。该项服务可由用户在系统内搜寻“服务卡片”后启动或碰一碰设备直接启动。


尽管鸿蒙系统兼容安卓应用,理论上我们正常的开发安卓应用也能较为顺畅的在鸿蒙系统中运行,不过想要完整的发挥鸿蒙特性,无疑使用它的开发工具及其为开发者预设的环境是最佳之选。


随着华为终端对信息无障碍化的重视与产品实质上的体验提升,越来越多的包括各类残障伙伴在内的用户们开始投身该系统生态,为自己的生活与工作赋能。


视障伙伴的心声与深层次需求,唯有视障开发者最清楚,在Windows、Android,及 ios 都有不同程度的关键性体现。


比如某视障同人开发的工具合集、某视障团队开发的音频游戏,以及除 ios 以外的屏幕阅读器等。很多应用尽管系统本身就有,视障开发者们的作品往往仍能虎口夺食的让用户用脚给自己投票。


因而,在华为的鸿蒙 harmony OS 越来越主流的今天,如何完全研发一款鸿蒙应用也成了许多视障开发者需要思考的议题。


视障同人进行开发与普通开发者最显著的区别就在于开发环境的屏幕阅读器支持。想要开发鸿蒙原生应用,华为预设给开发者的工具能否支持无障碍操作呢?我做了第一个决定公开出来走两步的视障开发者。


说的不一定对,问题也未必其他相同的开发同人都会遇见,兴许有大佬已经在很好的通过屏幕阅读器进行鸿蒙原生开发,但网上资料实在太少,希望我跳梁小丑般的分享,能给予一些同样使用读屏软件开发的后来者以参考。


安装与调试


DevEco Studio 是鸿蒙为开发者伙伴准备的官方开发工具,我们就是要基于这款工具搭建属于我们自己的鸿蒙原生开发环境。


下载的步骤我就不细说了,相信身为开发同人伙伴,下载开发工具真的是闭着眼就能玩的动作。


唯一想要提醒顺带吐槽的是,关键的“下载”提示链接却是未加标签的,也就是屏幕阅读器用户压根不能听到“下载”链接。


在此页面中既然“下载”链接未加标签,我们可以通过标题导航,浏览到 DevEco Studio 3.0 Release 标题,再通过光标键访问此标题下方的 deveco studio 安装包的相关信息,访问到“图形链接”即可点击下载。


愿你少走弯路,减少摸索时间。


安装同样没有很特别的步骤,纯英文界面,你是听着那几个熟悉的关键词还是使用读屏翻译中文,看心情吧。


安装完成后就来到了配置界面:


欢迎界面,点击”Agree”按钮



配置 npm registry, 可以默认不做修改,点击” Start using DevEco Studio”按钮继续



设置本地 nodejs 或者点击”download” 按钮下载 nodejs, 若配置过程中检测到在环境变量中,或在C:\Users\userName 目录下有符合要求的Node.js版本,则设置Node.js步骤将自动跳过。



设置 SDK 存储路径(包含 OpenHarmony SDK 和 HarmonyOS SDK),选择路径的按钮没有焦点,这里可以默认 SDK 所在的路径,点击”Next”按钮



SDK 下载



勾选许可协议(这里的 HarmonyOS SDK 和 OpenHarmony SDK 的许可协议都需要选中 “Accept” 单选按钮),再点击”Next”按钮



等待下载完成。


接下来就可以创建项目正式尝试开启咱们的成神之路了。


项目不创建不知道,只有创建后你才知道这套官方开发工具究竟是多么有障碍。


这里演示创建并运行一个敲门动作—— Hello World 项目。



Welcome to DevEco Studio


完成上述的配置后打开 DevEco Studio 进入 DevEco Studio 的欢迎界面,


欢迎界面中包含”Create Project”按钮(创建项目)、”Open Project”按钮(打开项目)、”Config”按钮(配置)等。


这里的功能按钮都缺失键盘焦点,需要使用 nvda 的对象浏览来访问。我这里使用的是 nvda + 小键盘6 访问到”Create Project”按钮后,nvda + 小键盘回车激活。


对于使用争渡的用户目前只能借助 OCR 识别来操作。



Choose Your Ability Template



点击”Create Project”按钮进入Choose Your Ability Template 界面


此界面提供了一些 Ability 魔板,供开发者选择。


注意:我这边进入这个界面后 nvda 会卡死,没有声音。可以通过快捷键重新启动。


另外这个界面中用读屏软件无法访问到任何元素,只能回车执行默认操作。



Configure Your Project


此界面是用于配置项目的基础信息。包含:


• Project name:工程的名称,可以自定义,由大小写字母、数据和下划线组成。


• Project type:工程的类型,标识该工程是一个传统方式的需要安装的应用(Application,简称应用),或原子化服务(Atomic service,简称服务)。


默认选中了 Application。


• Bundle name:软件包名称,默认情况下,应用/服务ID也会使用该名称,应用/服务发布时,应用/服务ID需要唯一。如果“Project type”选择了Atomic service,则Bundle name的后缀名必须是.hmservice。


• Save location:工程文件本地存储路径,由大小写字母、数字和下划线等组成,不能包含中文字符。


• Compile SDK:应用/服务的目标API Version,在编译构建时,DevEco Studio会根据指定的Compile API版本进行编译打包。


• Model:应用支持的模式,API Version 4~8只支持FA模式。


• Enable Super Visual:支持低代码开发模式,部分模板支持低代码开发,可选择打开该开关。


• Language:开发语言。


• Compatible SDK:兼容的最低API Version。


• Device type:该工程模板支持的设备类型。


• Show in service center:是否在服务中心展示。


遗憾的是上述这些控件都没有键盘焦点,无法通过读屏软件访问,借助 OCR 识别功能,可以大概了解其内容。


我借助 nvda 及 NV 宝盒插件的文本识别功能,识别到了上述的大概信息,但是我没有识别到 “Finish” 按钮,则无法点击 “Finish” 按钮完成项目的创建。后来发现在此界面直接回车,也可以执行默认的 “Finish” 操作。


另外使用争渡读屏的 OCR 识别功能, 可以识别到 “Finish” 按钮,完成项目的创建。


以上就是我磕磕绊绊创建项目的过程,不知道华为能否看得见这篇分享,希望他们能了解,视障开发者也是需要无障碍的,而不只是普通用户才有需求。


既然都是原生环境了,不搞个真机运行都对不起折腾这半天。


项目创建完成后, 我们可以将华为手机与电脑连接,将创建的项目运行到自己的手机中。具体需要执行以下步骤:



开启搭载 armonyOS 的手机的“开发者模式


打开手机的“开发者模式”,可在设置 > 关于手机中,连续多次点击“版本号”,直到提示“您正处于开发者模式”即可。然后在设置的系统与更新 > 开发人员选项中,打开“USB调试”开关。



将手机与电脑通过数据线连接


USB连接方式选择“传输文件”。



配置项目的签名


alt + f (打开 file 菜单) -> Project structure -> project (默认) -> signing configs。


选中界面中的 “Support HarmonyOS” 和 “Automatically generate signature” 复选框(默认已选中),再点击 ‘sign in’ 按钮


跳转到网站中执行登录华为账号,登录后执行授权,授权成功后回到 DevEco Studio 中。


此时自动签名就配置成功啦。点击”OK” 按钮完成签名。


在自动获取签名过程中,project 菜单面板也没有键盘焦点,这里同样需要借助 OCR 识别功能,点击 signing configs,再 OCR 识别点击 “Sign in”按钮去完成登录及授权。



Alt + u 弹出运行菜单,点击 ‘run entry’,完成真机运行


或者使用默认快捷键”Shift + F10” 运行项目。


好了,整个过程就这么结束了。看到这里你可能有点想举起板砖,我劝你冷静。尽管多数开发工具的环境部署都差不多,但在屏幕阅读器环境下走一遍 DevEco Studio 的文章,我目前没有看到过,所以算是给后来者以参考吧。


另外,偶然发现 DevEco Studio 2.1.0.501 在创建项目以及配置应用签名过程中界面中的控件基本上都存在键盘焦点,屏幕朗读都可以顺利浏览和交互。当然,DevEco Studio 的欢迎界面除外,此界面还需要借助 OCR 识别功能。


总结


DevEco Studio 尚存在许多关键性、影响视障开发者效率的辅助工具兼容性问题,其主要分为无聚焦和无标签两大类,恰好这两方面又是十分关键的。


视障开发者急需一款能完美适配无障碍辅助工具的开发环境,快速纠错,迅速定位问题代码,让功能使用及流转切换丝滑顺畅。


期望上述内容在给予相同的视障开发者参考外,更能得到鸿蒙官方的有力支持。作为一位视障开发者,随着华为终端旗下设备越来越多的拥抱多源与包容,众多本身受益于信息无障碍服务的有识之士必将从无障碍视角为鸿蒙生态注入一份属于自己的光和热。


在践行科技,不让任何一个人掉队的道路上,有我们或许更加精彩!

发表于:2022-11-10 20:28
0个回复
  • 消灭零回复
您还没有登录,登录后才可回复。 登录 注册