OpenHarmony验证码如何调试

在 OpenHarmony 里“验证码调试”通常分几种场景，我先帮你按常见情况分类说明，你可以对号入座；如果你指的是某一种（短信验证码 / 图形验证码 / 登录验证码），可以再细化。

一、常见验证码类型与调试方式

1️⃣ 短信验证码（最常见）

调试重点：请求是否发出、后端是否返回、定时器逻辑

前端（ArkTS）调试

// 发送验证码
Button('获取验证码')
  .onClick(() => {
    console.info('[验证码] 请求发送验证码')
    httpRequest.post({
      url: 'https://your-api/sendCode',
      data: { phone: '13800000000' }
    }).then(res => {
      console.info('[验证码] 返回结果:', JSON.stringify(res))
    }).catch(err => {
      console.error('[验证码] 发送失败:', JSON.stringify(err))
    })
  })

✅ 调试技巧：

• 使用 console.info / console.error
• DevEco Studio → Log > HiLog
• 过滤关键字：[验证码]

后端联调（推荐）

• 本地用 Postman / curl 先验证接口
• 后端可临时返回固定验证码（测试环境）
• 日志里打印验证码（仅测试环境）

2️⃣ 图形验证码（Canvas / Image）

调试重点：图片是否加载、点击刷新是否生效

Image(this.captchaUrl)
  .onClick(() => {
    this.captchaUrl = this.captchaUrl + '?t=' + Date.now()
  })

✅ 调试点：

• 看 Network 是否 200
• 图片 URL 是否变化（防止缓存）
• Canvas 绘制是否在 onReady 后执行

3️⃣ 登录场景验证码校验

调试重点：前后端一致性

if (inputCode !== serverCode) {
  console.error('[验证码] 校验失败')
}

✅ 建议：

• 前后端统一小写 / 去空格
• 测试环境关闭大小写敏感
• 打印用户输入 & 服务器返回

二、OpenHarmony 专属调试工具

✅ DevEco Studio

• HiLog 查看日志
• Previewer 快速调试 UI
• Remote Device / 模拟器

✅ 真机调试

• 打开 开发者模式
• 开启 USB调试
• 使用 hdc 命令：

hdc shell hilog | grep 验证码

三、常见坑（重点）

❌ 验证码按钮倒计时没反应
✅ 检查 @State / @Observed

❌ 真机收不到短信
✅ 检查网络权限

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

❌ 验证码总是校验失败
✅ 检查是否被 URL 编码 / 空格 / 大小写

四、如果你愿意，我可以直接帮你

你可以告诉我：

1. 验证码类型（短信 / 图形 / 滑块）
2. 端（ArkTS / JS / 后端）
3. 具体问题（点不了 / 收不到 / 校验失败）

我可以直接给你 可运行示例代码 + 调试步骤。