HarmonyOS 在H5中如何跳转到应用市场

非store协议，实测store协议在系统浏览器中跳转无效。

HarmonyOS

Heiang

2024-09-06 09:42:49

浏览

回答 1

待解决

回答 1

按赞同

按时间

zbw_apple

【store协议】h5跳转拉起应用市场APP并跳转到应用详情页demo：

【AppJump.ets】

import web_webview from '@ohos.web.webview'; 
import { common, Want } from '@kit.AbilityKit'; 
 
class NaviAppStore { 
  constructor() { 
  } 
 
  jumpAgcDetailPage() { 
    const want: Want = { 
      uri: `store://appgallery.huawei.com/app/detail?id=xxx` //跳转拉起应用市场  
      // uri: `store://appgallery.huawei.com/`   //跳转拉起应用市场APP首页 
    } 
    const context = getContext(this) as common.UIAbilityContext; 
    context.startAbility(want).then(() => { 
      console.log('jumpAgcDetailPage 拉起成功 '); 
    }).catch(() => { 
      console.log('jumpAgcDetailPage 拉起失败'); 
    }) 
  } 
} 
 
@Entry 
@Component 
struct WebPage { 
  controller: web_webview.WebviewController = new web_webview.WebviewController() 
  @State naviApp:NaviAppStore = new NaviAppStore() 
 
  build() { 
    Row() { 
      Column() { 
        Web({ src: $rawfile("go_to_agc_unipay.html"), controller: this.controller }) 
          .javaScriptProxy({ 
            object: this.naviApp, 
            name: "naviApp", 
            methodList: ["jumpAgcDetailPage"], 
            controller: this.controller 
          }) 
      } 
      .width('100%') 
    } 
    .height('100%') 
  } 
}

【go_to_agc_unipay.html】

<!-- index.html --> 
  <!DOCTYPE html> 
  <html> 
  <body> 
  <button type="button" onclick="callArkTS()">Click Me!</button> 
  <p id="demo"></p> 
  <script> 
  function callArkTS() { 
    let str = naviApp.jumpAgcDetailPage(); 
  } 
  </script> 
  </body> 
  </html>