Taro支持开发鸿蒙应用了

Taro支持开发鸿蒙应用了

Taro是一款开源的多端开发框架，支持使用 React、Vue3、Vue等方式开发，可以编译到微信小程序、H5、React Native等平台。它提供了丰富的组件和API，使得开发者可以快速构建高性能的应用程序。同时，Taro还具有强大的社区支持和活跃的开发团队，不断推出新功能和优化。

现在taro兼容鸿蒙ArkUI开发了，实现一套代码多端输出了，估计用不了多久uniapp也会支持鸿蒙应用开发。

使用Taro开发鸿蒙ArkUI的步骤如下：

安装Taro v4.0.0-beta.0 CLI：

npm i -g @tarojs/cli@beta

如果是新项目，推荐创建编译器为vite的模板；如果选择webpack或webpack5的模板，则需要手动安装vite、terser以及@tarojs/vite-runner。

$ npm i vite@^4.2.0
$ npm i terser@^5.4.0
$ npm i @tarojs/vite-runner@beta

安装Taro适配鸿蒙插件：

npm i @tarojs/plugin-platform-harmony-ets@beta

修改Taro编译配置config/index.ts：

config = {
  // 配置使用插件
  plugins: ['@tarojs/plugin-platform-harmony-ets'],
  // harmony 相关配置
  harmony: {
    // 将编译方式设置为使用 Vite 编译
    compiler: 'vite',
    // 【必填】鸿蒙主应用的绝对路径，例如：
    projectPath: path.resolve(process.cwd(), '../MyApplication'),
    // 【可选】HAP 的名称，默认为 'entry'
    hapName: 'entry',
    // 【可选】modules 的入口名称，默认为 'default'
    name: 'default',
  },
}

修改鸿蒙主项目的权限配置，根据项目需要在鸿蒙主项目entry/src/main/module.json5中所需要使用到的机器权限。

在package.json里添加以下的scripts命令，运行命令，Taro可将打包结果生成到配置的鸿蒙主项目路径中。

{
  //...
  "module": {
    "requestPermissions": [
      {
        "name": "ohos.permission.VIBRATE"
      },
      {
        "name": "ohos.permission.GET_WIFI_INFO"
      },
      {
        "name": "ohos.permission.GET_NETWORK_INFO"
      },
      {
        "name": "ohos.permission.SET_NETWORK_INFO"
      },
      {
        "name": "ohos.permission.INTERNET"
      },
      {
        "name": "ohos.permission.GET_BUNDLE_INFO"
      },
      {
        "name": "ohos.permission.LOCATION"
      },
      {
        "name": "ohos.permission.APPROXIMATELY_LOCATION"
      },
      {
        "name": "ohos.permission.LOCATION_IN_BACKGROUND"
      }
    ]
  }
}

预览和调试，开发者可以根据上面运行鸿蒙demo项目的方式进行预览与调试。

详细教程：https://docs.taro.zone/docs/next/harmony