文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

怎么用JS开发智能表应用

2024-04-02 19:55

关注

这篇文章主要介绍“怎么用JS开发智能表应用”,在日常操作中,相信很多人在怎么用JS开发智能表应用问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么用JS开发智能表应用”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

配置

1、准备工作(下载、安装、环境配置、创建项目等)

这个过于简单,就毋庸赘言了,请参考官方文档

生成的目录结构,就是这个样子。对于安卓开发来讲,应该是很熟悉的,但对于前端来讲,就很懵逼啊。

什么gradle文件,这是啥啊,咦,为什么还有java,我不是选择的js模板呢?很是疑惑。先不管了,硬着头皮干。

怎么用JS开发智能表应用

2、config.json权限列表配置(fetch、network等)

鸿蒙应用里,image标签想要使用https的外链资源,必须要配置权限,同理,fetch接口请求也是如此。

我自己在开发过程中,是配置了网络请求的权限,以及网络状态的权限。

"reqPermissions": [   {     "name": "ohos.permission.GET_NETWORK_INFO"   },   {     "name": "ohos.permission.GET_WIFI_INFO"   },   {     "name": "ohos.permission.INTERNET",   }, ],

3、离线签名与签名配置 (用于真机调试)

如果用不到真机调试,可忽略这一步。

请参考文档

编辑器的版本不一样,使用的密钥文件不一样。有的是.p12,有的是.jks。

如果你生成的是jks,那么你可能需要转换p12,笔者就转过,可自行百度。

申请开发者证书和调试 Profile

request.json 如下:

{  "developerRequest": {  "Applicant": "XXXX",  "ApplicationName": "XXXX",  "CN": "XXXX",  "validYear": "1"  },  "provisionRequest": {  "debug-info": {  "device-ids": [  "" // 调试真机的UDID  ]  },  "permissions": {  "restricted-permissions": [  "harmonyos.permission.ANSWER_PHONE_CALLS"  ]  },  "bundle-name": "你的包名",  "developer-id": "你的开发者ID"  }  }

然后将你生成csr、p12还有这个request.json一并发给华为的人,然后他们会给你cer和p7b的文件,你直接导入就行了。

怎么用JS开发智能表应用

至此,真机调试的准备工作我们就已经完成了。

真机调试打出来的包是hap包,如果要上架的话,必须是.app的文件,所以我们还要在项目配置里,导入这些证书等,同上一步操作。

怎么用JS开发智能表应用

4、集成 Wear Engine SDK(手表和APP通讯)

APP和手表都要集成对应的SDK,才能通讯

添加编译依赖

1、联系华为接口人获取 SDK。

2、将 SDK 解压后,把 SDK 中的 har 包放在项目\entry\ libs 目录下。

3、打开应用级的 build.gradle 文件。

怎么用JS开发智能表应用

4、在“dependencies ”中添加如下编译依赖,,然后同步。

怎么用JS开发智能表应用

5、生成穿戴设备侧签名证书指纹、设备检测

手表侧要配置APP的指纹和包名,APP侧要配置手表侧的指纹和包名

请参考文档

手表侧配置APP的包名和指纹代码如下

怎么用JS开发智能表应用

6、编译构建生成HAP或者生成APP

请参考文档

开发

开发倒没有什么好说的,就是正常的前端那一套,布局、样式、逻辑。需要注意的是,设备的分辨率是454*454,圆形屏幕,需要留出安全距离。

如果手表需要和手机APP进行交互的话,JS的能力比较弱,需要依赖JAVA来做中转。

JAVA代码不是我写的,直接照抄的官方文档,然后让安卓客户端改造了一下。

我做的这个项目就是这么做的,目录如下:

怎么用JS开发智能表应用

还有一点要注意的,JAVA不能主动向JS发送消息,需要JS主动才行。手机和手表信息同步时候,需要用户信息,我们的做法是:手机端登陆后,会向我的手表发一个用户身份信息,手表侧的JAVA代码能接收到,但是JS收不到,这个时候我的做法是在手表侧的JS做一个轮询,向JAVA去索取登录信息。一般的做法就是setInterval,但是我发觉这个setInterval在鸿蒙里并不生效,我很绝望,最后我采用了递归。就是手表在onShow生命周期里,不停的调用PA能力(可参考文档),如果拿到了用户信息,就缓存到本地,停止调用,然后发送fetch请求,拿到服务端的数据。这样一个数据同步就完成了。

说到缓存,也有一个小坑,这个value值,一定要是字符串,本来我的res就是字符串,但是直接写,会报错,必须用JSON.stringify()转一下。

怎么用JS开发智能表应用

调用PA能力的代码如下:

JAVA先注册一个CalcInternalAbility,供JS调用。

怎么用JS开发智能表应用

JS调用该方法,如下,value就是JAVA的返回值。

怎么用JS开发智能表应用

调试

这里主要讲JS的调试

JS打印调试信息,一般都是console.log(),但是这个编辑器里推荐使用console.info()。

一旦程序开始运行时候,控制台里会不停的打印一些信息,完全看不懂,我们想要看看我们的JS代码执行到那个环节了,也不能很清晰的找到,推荐我自己用的方法。

怎么用JS开发智能表应用

这样我们就可以在控制台清楚的看到自己的打印信息,也就知道代码执行到哪一步了。

到此,关于“怎么用JS开发智能表应用”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注编程网网站,小编会继续努力为大家带来更多实用的文章!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯