#2020征文-手表#【纯干货】手把手教你JS开发智能表应用

前言

本人于9月中旬，开始接触鸿蒙。那时候还只是抱着尝新的心态，跟着官方文档，写出了TV版的hello world和Lite Wearable的hello world，现在回想起来，还是有点激动。

到了9月下旬，公司收到了华为寄过来的搭载鸿蒙系统的智能手表，因为某种原因，智能表开发的任务落到了我头上。我是前端开发，说实话，当时接到这个任务时候，其实没多少底，毕竟不懂APP开发的流程，虽说鸿蒙支持JS开发，但其实心里也清楚，里面应该还是有很多坑要踩的，事实证明，坑是真的多。哈哈哈。

今天为什么有时间写这篇文章呢？因为我的智能手表应用已经开发、联调、测试完毕了，马上要上架啦。

话不多说，让我们进入正题。

配置

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

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

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

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

图片.png

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的文件，你直接导入就行了

图片.png