@wisdomgarden/cloak-plugin-code-scanner
TypeScript icon, indicating that this package has built-in type declarations

1.0.0 • Public • Published

English Version | 中文版

CloakPluginCodeScanner

CloakPluginCodeScanner 是 Cloak 框架的插件之一,用于在 Cloak 应用中进行二维码扫描。

使用方法

前置条件

安装 Cloak 框架 @wisdomgarden/cloak

具体细节参考 @wisdomgarden/cloak

  1. 安装 CloakPluginCodeScanner 插件

    ohpm install @wisdomgarden/cloak-plugin-code-scanner
    npm install @wisdomgarden/cloak-plugin-code-scanner # optional
  2. 在项目 entry/src/main/module.json5 中声明相机权限。

    官方文档

    示例:

    "requestPermissions": [
     // ...
     {
       "name": "ohos.permission.CAMERA",
       "reason": "$string:permission_camera_reason",
       "usedScene": {
         "abilities": [
           "EntryAbility"
         ],
         "when": "inuse"
       }
     },
     // ...
    ]
  3. 在 H5 逻辑代码中就可以直接调用该插件。

  4. 如果你使用 Typescript 或者想在前端扩展插件,安装 NPM 包

    npm install @wisdomgarden/cloak-plugin-code-scanner

示例代码

扫描二维码

const scanQRCode = async () => {
  const result = await Cloak.plugins.CodeScanner.scan();
  alert(JSON.stringify(result, null, 2));
};

核心接口

扫描二维码

export interface CodeScannerPlugin extends Plugin {
  scan(): Promise<ScanResult>;
}

接口类型定义

扫描结果

export interface ScanResult {
  error?: {
    code: number;
    name: string;
    message: string;
  };
  result?: {
    originalValue: string;
    scanType: ScanType;
  };
}

关于 Cloak

Cloak 是专为 HarmonyOS 设计的混合开发框架,类似 CordovaCapacitor,但具备 更轻量更高性能 的特性。

该框架可将 Web 应用快速转换为原生应用,同时通过插件机制访问 HarmonyOS 原生能力。


核心特性

  • 快速打包:将 H5 应用快速编译为 HarmonyOS 应用。
  • 原生能力访问:通过插件机制调用原生接口。
  • WebView 支持:提供高性能 WebView 容器,确保 H5 应用流畅运行。
  • 插件开发:支持开发者自定义插件以扩展原生功能。

更多关于 Cloak 框架信息,请查看: https://github.com/WisdomGardenInc/Cloak

Package Sidebar

Install

npm i @wisdomgarden/cloak-plugin-code-scanner

Weekly Downloads

4

Version

1.0.0

License

Apache-2.0

Unpacked Size

12.3 kB

Total Files

6

Last publish

Collaborators

  • chenzhiyuan01
  • chenyunjie1
  • peixin
  • wg-kevinlin
  • dengzhirong93
  • zihning
  • yaoxiangyi