# SelectContact

**Repository Path**: h790195850/SelectContact

## Basic Information

- **Project Name**: SelectContact
- **Description**: 基于Web组件和JSBridge桥接实现H5与ArkTS侧的交互。
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 12
- **Created**: 2024-11-26
- **Last Updated**: 2024-11-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ArkTS与H5的交互

### 简介

本篇Codelab主要介绍H5如何调用ArkTS侧相关功能并且获取ArkTS侧的回调数据。以“获取通讯录”为示例分步去讲解JSBridge桥接的实现。

![SelectContact](screenshots/device/SelectContact.gif)

### 相关概念

- Web组件：提供具有网页显示能力的Web组件。
- @ohos.web.webview：提供web控制能力。

### 相关权限

无

### 使用说明

1. 进入应用首页，点击右侧联系人图标拉起系统通讯录页面，选中联系人后异步返回联系人信息。
2. 选择金额点击底部充值按钮会出现toast提示。

### 约束与限制

1. 本示例仅支持标准系统上运行，支持设备：华为手机。
2. HarmonyOS系统：HarmonyOS NEXT Developer Beta1及以上。
3. DevEco Studio版本：DevEco Studio NEXT Developer Beta1及以上。
4. HarmonyOS SDK版本：HarmonyOS NEXT Developer Beta1 SDK及以上。