满足以下几点条件可以联系我，这周帮忙改了2个到原生鸿蒙，后续可以慢慢来
1、应用或者小程序已经处于上架状态，证书备案的齐全了
2、vue3写的，vue2的话改造比较耗时，暂时先帮忙搞vue3开发的应用

APP往webview通过evalJS注入方法时
鸿蒙不支持this.$scope.$getAppWebview().children()[0] ，使用uni.createWebviewContext

//template  
<web-view id="webviewId" src="xxxxxx"></web-view>  
//javascript  

// #ifdef APP-HARMONY  
this.currentWebview = uni.createWebviewContext('webviewId', this);  
// #endif  
// #ifdef APP-PLUS  
this.currentWebview = this.$scope.$getAppWebview().children()[0];  
// #endif  
let token = uni.getStorageSync('token');  
let tenant = uni.getStorageSync('tenantCode');  
// 准备要传递的数据  
let dataToPass = JSON.stringify({  
    token: token  
});  
this.currentWebview.evalJS(`uniappReceiveData('${JSON.stringify({ token: token,tenant: tenant})}')`)

7月20号，uniapp 官网“悄咪咪”的上线了 uniapp 开发鸿蒙应用 的文档，算是正式开启了 Vue3 + uniapp 开发鸿蒙应用 的时代。

<顺便吆喝一声，技术大厂年前捞人，前后端测试，待遇给的还不错，感兴趣可以试试~>

开发鸿蒙的前置准备
想要使用 uniapp 开发鸿蒙，我们需要具备三个条件：

DevEco-Studio 5.0.3.400 以上（下载地址：https://developer.huawei.com/consumer/cn/deveco-studio/）
鸿蒙系统版本 API 12 以上 （DevEco-Studio有内置鸿蒙模拟器）
HBuilderX-alpha-4.22 以上

PS： 这里不得不吐槽一下，一个 DevEco-Studio 竟然有 10 个 G......

安装好之后，我们就可以通过 开发工具 运行 示例代码

运行时，需要用到 鸿蒙真机或者模拟器。但是这里需要 注意： Windows系统需要经过特殊配置才可以启动，mac 系统最好保证系统版本在 mac os 12 以上
windows 系统配置方式（非 windows 用户可跳过）：
打开控制面板 - 程序与功能 - 开启以下功能

Hyper-V
Windows 虚拟机监控程序平台
虚拟机平台

注意: 需要win10专业版或win11专业版才能开启以上功能，家庭版需先升级成专业版或企业版

启动鸿蒙模拟器
整个过程分为三步（中间会涉及到鸿蒙开发者申请）：

下载 uni-app 鸿蒙离线SDK template-1.3.4.tgz （下载地址：https://web-ext-storage.dcloud.net.cn/uni-app/harmony/zip/template-1.3.4.tgz）
解压刚下载的压缩包，将解压后的模板工程在 DevEco-Studio 中打开

等待 Sync 结束，再 启动鸿蒙模拟器 或 连接鸿蒙真机（如无权限，则需要申请（一般 3 个工作日），申请地址：https://developer.huawei.com/consumer/cn/activity/201714466699051861/signup）

配置 HBuilderX 吊起 DevEco-Studio
打开HBuilderX，点击上方菜单 - 工具 - 设置，在出现的弹窗右侧窗体新增如下配置

注意：值填你自己的 DevEco-Studio 启动路径
js 代码解读复制代码"harmony.devTools.path" : "/Applications/DevEco-Studio.app"

创建 uni-app 工程

BuilderX 新建一个空白的 uniapp 项目，选vue3
在 manifest.json 文件中配置鸿蒙离线SDK路径（SDK 路径可在 DevEco-Studio -> Preferences(设置) z中获取）

编辑 manifest.json 文件，新增如下配置：

然后点击 运行到鸿蒙即可

总结
这样我们就有了一个初始的鸿蒙项目，并且可以在鸿蒙模拟器上运行。关于更多 uniapp 开发鸿蒙的 API，大家可以直接参考 uniapp 官方文档：https://zh.uniapp.dcloud.io/tutorial/harmony/dev.html#nativeapi

——转载自作者：程序员Sunday

​
Hello，大家好，我是 Sunday（顺便吆喝一句，技术大厂，前、后端/测试机会，多地捞人）
7月20号，uniapp 官网“悄咪咪”的上线了 uniapp 开发鸿蒙应用 的文档，算是正式开启了 Vue3 + uniapp 开发鸿蒙应用 的时代。

开发鸿蒙的前置准备
想要使用 uniapp 开发鸿蒙，我们需要具备三个条件：

1. DevEco-Studio 5.0.3.400 以上（下载地址：https://developer.huawei.com/consumer/cn/deveco-studio/）
2. 鸿蒙系统版本 API 12 以上 （DevEco-Studio有内置鸿蒙模拟器）
3. HBuilderX-alpha-4.22 以上

PS： 这里不得不吐槽一下，一个 DevEco-Studio 竟然有 10 个 G......

> 安装好之后，我们就可以通过 开发工具 运行 示例代码

运行时，需要用到 鸿蒙真机或者模拟器。但是这里需要 注意： Windows系统需要经过特殊配置才可以启动，mac 系统最好保证系统版本在 mac os 12 以上

windows 系统配置方式（非 windows 用户可跳过）：
打开控制面板 - 程序与功能 - 开启以下功能

Hyper-V
Windows 虚拟机监控程序平台
虚拟机平台

注意: 需要win10专业版或win11专业版才能开启以上功能，家庭版需先升级成专业版或企业版

启动鸿蒙模拟器
整个过程分为三步（中间会涉及到鸿蒙开发者申请）：

1.下载 uni-app 鸿蒙离线SDK template-1.3.4.tgz （下载地址：https://web-ext-storage.dcloud.net.cn/uni-app/harmony/zip/template-1.3.4.tgz）
2.解压刚下载的压缩包，将解压后的模板工程在 DevEco-Studio 中打开

3.等待 Sync 结束，再 启动鸿蒙模拟器 或 连接鸿蒙真机（如无权限，则需要申请（一般 3 个工作日），申请地址：https://developer.huawei.com/consumer/cn/activity/201714466699051861/signup）

配置 HBuilderX 吊起 DevEco-Studio
打开HBuilderX，点击上方菜单 - 工具 - 设置，在出现的弹窗右侧窗体新增如下配置

注意：值填你自己的 DevEco-Studio 启动路径

harmony.devTools.path" : "/Applications/DevEco-Studio.app"

创建 uni-app 工程

1.BuilderX 新建一个空白的 uniapp 项目，选vue3
2.在 manifest.json 文件中配置鸿蒙离线SDK路径（SDK 路径可在 DevEco-Studio -> Preferences(设置) z中获取）

编辑 manifest.json 文件，新增如下配置：

然后点击 运行到鸿蒙即可

总结
这样我们就有了一个初始的鸿蒙项目，并且可以在鸿蒙模拟器上运行。关于更多 uniapp 开发鸿蒙的 API，大家可以直接参考 uniapp 官方文档：https://zh.uniapp.dcloud.io/tutorial/harmony/dev.html#nativeapi

——转自作者：程序员Sunday

运行到鸿蒙模拟器报HBuilder X 运行设备不兼容鸿蒙模拟器目前只能在arm64平台运行

历经一个月有余爆肝高强度开发，原创重磅新作HarmonyOS 5.0 api12聊天app项目正式完结了。

HarmonyOS-Next5.0-API12仿微信聊天App应用

项目框架目录

HarmonyOS-Chat聊天app已经同步到我的原创作品集。

https://gf.bilibili.com/item/detail/1107424011

想要更快进阶鸿蒙开发，先把官方文档撸一遍，然后找个实战项目学习。

鸿蒙os开发者官网
https://developer.huawei.com/consumer/cn/

路由页面json文件

arkts/arkui封装自定义导航栏

之前有写过一篇专门的分享介绍，感兴趣的可以去看看下面这篇文章。
https://www.cnblogs.com/xiaoyan2017/p/18517517

arkts/arkui登录模板/倒计时

/**  
 * 登录模板  
 * @author andy  
 */  

import { router, promptAction } from '@kit.ArkUI'  

@Entry  
@Component  
struct Login {  
  @State name: string = ''  
  @State pwd: string = ''  

  // 提交  
  handleSubmit() {  
    if(this.name === '' || this.pwd === '') {  
      promptAction.showToast({ message: '账号或密码不能为空' })  
    }else {  
      // 登录接口逻辑...  

      promptAction.showToast({ message: '登录成功' })  
      setTimeout(() => {  
        router.replaceUrl({ url: 'pages/Index' })  
      }, 2000)  
    }  
  }  

  build() {  
    Column() {  
      Column({space: 10}) {  
        Image('pages/assets/images/logo.png').height(50).width(50)  
        Text('HarmonyOS-Chat').fontSize(18).fontColor('#0a59f7')  
      }  
      .margin({top: 50})  
      Column({space: 15}) {  
        TextInput({placeholder: '请输入账号'})  
          .onChange((value) => {  
            this.name = value  
          })  
        TextInput({placeholder: '请输入密码'}).type(InputType.Password)  
          .onChange((value) => {  
            this.pwd = value  
          })  
        Button('登录').height(45).width('100%')  
          .linearGradient({ angle: 135, colors: [['#0a59f7', 0.1], ['#07c160', 1]] })  
          .onClick(() => {  
            this.handleSubmit()  
          })  
      }  
      .margin({top: 30})  
      .width('80%')  
      Row({space: 15}) {  
        Text('忘记密码').fontSize(14).opacity(0.5)  
        Text('注册账号').fontSize(14).opacity(0.5)  
          .onClick(() => {  
            router.pushUrl({url: 'pages/views/auth/Register'})  
          })  
      }  
      .margin({top: 20})  
    }  
    .height('100%')  
    .width('100%')  
    .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM])  
  }  
}

60s倒计时功能

Stack({alignContent: Alignment.End}) {  
  TextInput({placeholder: '验证码'})  
    .onChange((value) => {  
      this.code = value  
    })  
  Button(`${this.codeText}`).enabled(!this.disabled).controlSize(ControlSize.SMALL).margin({right: 5})  
    .onClick(() => {  
      this.handleVCode()  
    })  
}  

// 验证码参数  
@State codeText: string = '获取验证码'  
@State disabled: boolean = false  
@State time: number = 60  

// 获取验证码  
handleVCode() {  
  if(this.tel === '') {  
    promptAction.showToast({ message: '请输入手机号' })  
  }else if(!checkMobile(this.tel)) {  
    promptAction.showToast({ message: '手机号格式错误' })  
  }else {  
    const timer = setInterval(() => {  
      if(this.time > 0) {  
        this.disabled = true  
        this.codeText = `获取验证码(${this.time--})`  
      }else {  
        clearInterval(timer)  
        this.codeText = '获取验证码'  
        this.time = 5  
        this.disabled = false  
      }  
    }, 1000)  
  }  
}

harmony-chat聊天app项目涉及知识点很多，对于想要快速入门到进阶开发HarmonyOS应用的开发者，建议先阅读官方文档，然后再找一个实战项目案例进行练习。华为官网提供了HarmonyOS开发设计规范和ArkUI方舟UI框架的相关资料，这些都是宝贵的开发资源

作者：xiaoyan2017
链接： https://segmentfault.com/a/1190000045487385
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

> 如果你的应用用户体量较大，比如日活超过1万，欢迎联系我们，报名参加更高激励活动，若审核成功，奖励金额至少2100元起。

为了丰富鸿蒙生态，为国产操作系统生态做贡献，DCloud联合华为推出开发者激励计划，uni-app开发者只需将 uni-app 项目发行为鸿蒙App，即可获得现金激励，欢迎各位开发者积极提交。

激励规则

根据应用是否在华为应用市场，或者其他手机终端厂商（仅指荣耀、小米、OPPO、vivo、Apple）应用市场、小程序平台（微信、支付宝、抖音、小红书）面向中国境内（不含中国香港、中国澳门、中国台湾）上架发布，将应用分为以下两类：

• 成熟应用：在2024年9月30日前（含当日）在上述应用分发平台为在架状态；
• 新应用：新开发的应用，在2024年9月30日前（含当日）未在上述应用分发平台上架；

说明：

• 成熟应用的名称需要与此前在上述应用分发平台上架的应用名称一样。
• 按照华为的政策，应用市场仅包含如上华为、荣耀、小米、OPPO、vivo、Apple几家应用市场，不含应用宝、360等三方应用商店；
• 小程序平台仅含微信、支付宝、抖音、小红书四家，不含百度、京东等；

成熟应用

评选规则：

• 2024年12月31日之前，完成鸿蒙App上架评审并正式上架；

奖励规则：

• 满足如上评选条件，即可获得1000元现金奖励，以及价值1万元的流量扶持赠送金；
• 满足如上评选条件，且通过uni-pay对接华为支付，或通过uni-id对接华为登录，额外奖励500元现金；

新应用

评选规则：

• 2024年12月31日之前，完成鸿蒙App上架评审并正式上架；
• 应用完成上架后次日起7日累计活跃设备数达到100；因为华为的评审截止日为12月31日，故建议在2024年12月23日之前完成上架；

奖励规则：

• 同时满足如上两个评选条件，即可获得1000元现金奖励，以及价值1万元的流量扶持赠送金；
• 同时满足如上两个评选条件，且通过uni-pay对接华为支付，或通过uni-id对接华为登录，额外奖励500元现金；

参与细则

1、开发者需将DCloud绑定为鸿蒙商店服务商，并在线签订激励分享承诺函，详见元服务发行与上架；
2、激励发放前，DCloud及华为有权再次核实计划申请人资格和相关信息。开发者需保证提交信息真实有效，若存在欺诈或不当行为（如恶意刷量、提供虚假APP备案证明等作弊行为、侵犯他人知识产权，或者存在任何违法违规或违反本计划协议的行为），DCloud有权追回已发放激励等权益，取消参与本计划资格，并追究其法律责任；
3、开发者应确保提供其真实有效的收款账号信息，若其自身原因（包括但不限于账号注销、被冻结、无法收款等）导致激励发放失败，由此引发的后果和损失由开发者自行承担；
4、现金激励为含税金额；
5、为了确保活动的公平性和正向激励导向，DCloud在法律允许范围内可优化本计划规则，请您以最新发布的规则为准。
6、如您对本计划的规则有任何疑问，请通过uni-im与我们联系。

项目运行到鸿蒙手机，应用图标一直是H,应用名一直是HBuilder问题

应用运行到鸿蒙手机和鸿蒙模拟器，应用图标一直是H,应用名一直是HBuilder，在自动生成的harmony-configs文件夹下也没有配置的文件，

1. 这时候需要你将DevEco Studio 下生成的resource 文件复制一份，放在相应的文件夹下。
2. 修改根据module.json5文件中的"icon": "$media:layered_image",
   "label": "$string:EntryAbility_label",
   "startWindowIcon": "$media:startIcon",修改对应文件夹下的字符串或者图片资源。
3. 重新运行到鸿蒙设备。如果运行到手机上的应用图标还是H,名字还是HBuilder。这是因为有缓存的问题。
4. 找到unpackage 文件夹删除里面的debug文件夹（编译时候自动生成的）。打包鸿蒙app的时候遇到上面情况，删掉release文件夹重新运行。

就可以解决以上问题。

早前，个推消息推送SDK、用户运营SDK的华为鸿蒙HarmonyOS NEXT适配版本，已成功上架至个推官网及华为鸿蒙生态伙伴SDK专区。各位感兴趣的开发者可以进入个推官网（https://docs.getui.com/download/overview）或华为鸿蒙生态市场，即可免费下载体验。
除了上述三款SDK，个推的OneID SDK也将在近期同步上线，助力企业实现APP、小程序、H5、快应用、Web等多端数据互通，让用户运营更有效、商业增长更高效。

修改 entry/src/main/ets/uni-app-harmony/uni.api.ets ws.connect 方法入参 protocol 的值为 args.protocols ? Array.isArray(args.protocols) ? args.protocols.join(',') : args.protocols : ''