uniapp 开发鸿蒙应用---uts跳转浏览器打开链接

uni-app 开发鸿蒙应用---uts跳转浏览器打开链接
当前编译器版本：HBuilderX 4.29版

 当前工程文件：template-1.3.7.tgz

uni-app 开发鸿蒙应用 | uni-app官网 (dcloud.net.cn)

目的：实现应用内跳转系统游览器打开链接；

实现方法：通过uts插件方式接入鸿蒙原生api，实现链接跳转。

一、新建uts插件；

按照官网步骤新建uts插件

uniapp 鸿蒙 UTS 开发概述

调用鸿蒙原生API | uni-app官网

二、接入鸿蒙原生api

1. 右键 uni_modules 目录新建 uni_modules 插件，命名为 xxx-openWeb. 在插件根目录的utssdk文件夹下新增 app-harmony 文件夹

2.编写插件根目录下的 /utssdk/app-harmony/index.uts 文件（没有则新建），内容如下 

// ArkTS 新架构下（API Version ≥ 9）
import { Want, common } from '@kit.AbilityKit';
// 兼容 OpenHarmony 2.x 写法
// import Want from '@ohos.application.Want';

export function openBrowser(url: string): void {
  const context = getContext() as common.UIAbilityContext;

  // 构建 Want 对象来启动浏览器
  const want: Want = {
    action: 'ohos.want.action.viewData',
    // 方式一：
    bundleName: 'com.huawei.hmos.browser', // 华为浏览器
    abilityName: 'MainAbility',
    // 方式二：
    // entities: ['entity.system.browsable'], // 系统默认游览器（用户设定）
    uri: url,
  };

  // 使用 startAbility 启动浏览器
  context.startAbility(want)
  .then(() => console.log('openUrl: successfully'))
  .catch(() => console.error('openURL Failed'));
}

三、在页面中使用

1. import 引入

 
	// #ifdef APP-HARMONY
	// 仅鸿蒙会编译
	import { openBrowser } from '@/uni_modules/xxx-openWeb';
	// #endif

2. 调用

function openUrl(url){
    openBrowser(url)
}