YonBuilder移动开发——调用手机系统的浏览器打开网页

概述

在YonBuilder移动开发中，可以通过使用引擎提供的 api.openWin 或者 api.openFrame 函数方法通过内置的浏览器引擎在App内部打开相关的远程H5网站的网页。但是在实际项目开发中，可能会有一种需求，调用手机操作系统提供的系统浏览器去打开远程网页，即在我们开发的App内部去调用外部的手机系统浏览器去打开指定的远程网页。本文针对这个小需求，讲解一下具体的实现流程。

实现流程

功能页面的访问路径

• 登录开发者中心官网,点击右上角昵称处的下拉列表「工作台」

• 选择「移动开发」后，再右侧的面板页选择目标应用进入应用详情页

配置系统浏览器的应用可见性

在应用详情页的工作台，切换到「端设置」页面，下拉到页面底部，可以看到应用可见性的配置面板。
点击底部的编辑按钮，将面板内容切换到中间的「Intent」选项卡，按截图内容进行输入，输入完成后，点击保存按钮。

在项目代码的相关逻辑中，加入以下命令代码

function openBrowser(url) {
  api.openApp({
    iosUrl: url, // iOS使用
    uri: url // android使用
  }, function (ret, err) {
    if (ret) {
      api.alert({
        msg: JSON.stringify(ret)
      });
    } else {
      api.alert({
        msg: JSON.stringify(err)
      });
    }
  });
}

编辑完成后提交代码到云端平台后，在「移动打包」页面进行版本编译后，即可进行安装测试了。

PS1: 编译自定义Loader或者测试版、正式版均可。

PS2: api.openApp功能很强大，可以通过配置相关参数去调用系统设置等相关页面、或者第三方app相关页面，如京东、淘宝等，这里不再详述，有兴趣的小伙伴可以自行搜索下相关资料进行测试。