创新互联百度小程序教程：swan.openBdboxWebview

  • swan.openBdboxWebview
    • 方法参数
      • object 参数说明
      • module、action 参数说明
    • 示例
      • 综合示例
      • 具体页面示例 1：调起直播间
      • 具体页面示例 2：打开动漫频道
      • 具体页面示例 3 ：打开底部 tab 对应页

    swan.openBdboxWebview

    基础库 3.240.2 版本开始支持。仅百度 App 支持。在工具和真机中的实现有区别，详见 API 实现差异。

    十多年的张家川回族自治网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。成都营销网站建设的优势是能够根据用户设备显示端的尺寸不同，自动调整张家川回族自治建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联公司从事“张家川回族自治网站设计”,“张家川回族自治网站推广”以来，每个客户项目都认真落实执行。

    解释：小程序跳转百度 App 内特定页面。接入本 API 的开发者，需要了解跳转页面的 scheme，并根据文档调用 API 完成跳转。可在百度 App 中，通过将跳转页面 scheme 生成对应二维码，并使用百度 APP 相机扫描二维码调起的方式，来确保 scheme 是否正确。

    Web 态说明： Web 态暂不支持 openBdboxWebview API 功能。在 Web 态会做 打开对应小程序页面 的降级处理。

    方法参数

    object 参数说明

    属性名 类型 必填 默认值 说明
    module String 否 跳转百度 App 特定页面的 scheme 的 module
    action String 否 跳转百度 App 特定页面的 scheme 的 action
    path String 否 跳转百度 App 特定页面的 scheme 的 path
    authority String 否 跳转百度 App 特定页面的 scheme 的 authority
    parameters Object 否 跳转百度 App 特定页面的 scheme 的参数
    success Function 否 接口调用成功的回调函数
    fail Function 否 接口调用失败的回调函数
    complete Function 否 接口调用结束的回调函数（调用成功、失败都会执行）

    module、action 参数说明

    module 指跳转百度 App 的相应模块；action 指相应模块对应的行为。
    对应跳转百度 App 特定页面的 scheme 中的 module、action 字段：
    baiduboxapp://v11/${module}/${action}?${parameters}
    以baiduboxapp://v11/appTab/select?item=home&upgrade=0为例：
    appTab为该跳转 scheme 对应的 module，select为该跳转 scheme 对应的 action，item=home&upgrade=0 为该跳转 scheme 对应的 parameters。
    对应使用 openBdboxWebview 的方式为：

    • JS
     
 
 
      
  
  
  
    1. swan.openBdboxWebview({
      2.   
  
  
    2.  module: 'appTab',
      3.   
  
  
    3.  action: 'select',
      4.   
  
  
    4.  parameters: {
      5.   
  
  
    5.  item: 'home'
      6.   
  
  
    6.  }
      7.   
  
  
    7. });
      8.

    示例

    目前本接口支持调起跳转的页面 / 动作如下：

    页面/动作 module action
    调起直播间 live enterRoom
    打开动漫频道 comic open
    打开底部 tab 对应页 appTab select

    包含在以下具体页面示例中的可跳转页面，都可以通过传参 module 和 action 进行跳转，不需要关注 scheme 中的版本号。

    综合示例

    • SWAN
    • CSS
    • JS
     
 
 
      
  
  
  
      2.   
  
  
    2.  
      3.   
  
  
    3.  
      4.   
  
  
    4.  
      5.   
  
  
      6.  
 
 
     
 
 
      
  
  
  
    1. .wrap {
      2.   
  
  
    2.  padding: 50rpx 30rpx;
      3.   
  
  
    3. }
      4.   
  
  
      5.   
  
  
    5. .title {
      6.   
  
  
    6.  margin-bottom: 20rpx;
      7.   
  
  
    7. }
      8.   
  
  
      9.   
  
  
    9. .wrap button {
      10.   
  
  
    10.  height: 80rpx;
      11.   
  
  
    11.  line-height: 80rpx;
      12.   
  
  
    12.  margin-bottom: 30rpx;
      13.   
  
  
    13. }
      14.  
 
 
     
 
 
      
  
  
  
    1. Page({
      2.   
  
  
    2.  openRoom() {
      3.   
  
  
    3.  swan.openBdboxWebview({
      4.   
  
  
    4.  module: 'live',
      5.   
  
  
    5.  action: 'enterRoom',
      6.   
  
  
    6.  parameters: {
      7.   
  
  
    7.  params: {"roomId": "339973753", screen: 0, source: {livefrom: "share", livesource: "sharemp", liveinvoke: "0"}}
      8.   
  
  
    8.  },
      9.   
  
  
    9.  success: res => {
      10.   
  
  
    10.  console.log('openBdboxWebview success', res);
      11.   
  
  
    11.  },
      12.   
  
  
    12.  fail: err => {
      13.   
  
  
    13.  console.log('openBdboxWebview fail', err);
      14.   
  
  
    14.  }
      15.   
  
  
    15.  });
      16.   
  
  
    16.  },
      17.   
  
  
    17.  openComic() {
      18.   
  
  
    18.  swan.openBdboxWebview({
      19.   
  
  
    19.  module: 'comic',
      20.   
  
  
    20.  action: 'open',
      21.   
  
  
    21.  parameters: {
      22.   
  
  
    22.  params: {
      23.   
  
  
    23.  showsearch: '1',
      24.   
  
  
    24.  tab: 'recommend',
      25.   
  
  
    25.  source: 'feedtab'
      26.   
  
  
    26.  }
      27.   
  
  
    27.  },
      28.   
  
  
    28.  success: res => {
      29.   
  
  
    29.  console.log('openBdboxWebview success', res);
      30.   
  
  
    30.  },
      31.   
  
  
    31.  fail: err => {
      32.   
  
  
    32.  console.log('openBdboxWebview fail', err);
      33.   
  
  
    33.  }
      34.   
  
  
    34.  });
      35.   
  
  
    35.  },
      36.   
  
  
    36.  openTab() {
      37.   
  
  
    37.  swan.openBdboxWebview({
      38.   
  
  
    38.  module: 'appTab',
      39.   
  
  
    39.  action: 'select',
      40.   
  
  
    40.  parameters: {
      41.   
  
  
    41.  item: 'personal'
      42.   
  
  
    42.  },
      43.   
  
  
    43.  success: res => {
      44.   
  
  
    44.  console.log('openBdboxWebview success', res);
      45.   
  
  
    45.  },
      46.   
  
  
    46.  fail: err => {
      47.   
  
  
    47.  console.log('openBdboxWebview fail', err);
      48.   
  
  
    48.  }
      49.   
  
  
    49.  });
      50.   
  
  
    50.  }
      51.   
  
  
    51. });
      52.

    具体页面示例 1：调起直播间

    属性名 取值
    module live
    action enterRoom

    parameters 值说明

    属性名 类型 说明 取值
    params Object 直播房间信息 如params = {“roomId”:”339973753”, screen:0,source:{livefrom: “share”,livesource: “sharemp”,liveinvoke: “0” }}

    示例代码：

    • JS
     
 
 
      
  
  
  
    1. swan.openBdboxWebview({
      2.   
  
  
    2.  module: 'live',
      3.   
  
  
    3.  action: 'enterRoom'
      4.   
  
  
    4. });
      5.

    具体页面示例 2：打开动漫频道

    属性名 取值
    module comic
    action open：打开动漫

    parameters 值说明

    属性名 类型 说明 取值
    params Object 频道设置

    params 值说明

    属性名 类型 说明 取值
    showsearch Number 是否显示搜索 [可选参数]，0：不显示，1：显示；默认显示
    tab String 首页跳转进入指定 tab 书架：shelf
    推荐：recommend
    人气：hot
    分类：category
    source String 统计参数来源 导航：comicchannel
    Feed：feedtab

    示例代码：

    • JS
     
 
 
      
  
  
  
    1. swan.openBdboxWebview({
      2.   
  
  
    2.  module: 'comic',
      3.   
  
  
    3.  action: 'open'
      4.   
  
  
    4. });
      5.

    具体页面示例 3 ：打开底部 tab 对应页

    包含百度 App 首页，个人中心页等底部 tab 对应页面。
    注：底部 tab 对应页的 module/action 有极小概率更改调整的风险，修改后可能会导致跳转失效。

    属性名 取值
    module appTab
    action select

    parameters 值说明

    属性名 类型 说明 取值
    item String 底 tab 项 如 home：首页，video：视频页，follow：关注页，personal：个人中心页

    示例代码：

    • JS
     
 
 
      
  
  
  
    1. swan.openBdboxWebview({
      2.   
  
  
    2.  module: 'appTab',
      3.   
  
  
    3.  action: 'select',
      4.   
  
  
    4.  parameters: {
      5.   
  
  
    5.  item: 'home'
      6.   
  
  
    6.  }
      7.   
  
  
    7. });
      8.

    网站名称：创新互联百度小程序教程：swan.openBdboxWebview
    网页路径：http://www.gawzjz.com/qtweb2/news45/3145.html

    网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

    广告

    声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

    猜你还喜欢下面的内容

    移动网站建设知识

    分类信息网站

    成都高电机柜租用　　 　成都网站制作　　 　成都响应式网站建设　　 　成都网站建设　　 　钢筋机械设备　　 　广汉做网站　　 　LED网站设计方案　　 　清舞人间　　 　专业网站设计　　 　大英网站建设　　 　西云服务器托管　　 　成都网站建设公司　　 　边坡柔性防护网　　 　成都橡塑保温管　　 　网站推广优化　　 　成都营销型网站建设　　 　成都网络推广公司　　 　崇州搬家公司　　 　云主机　　 　成都网站维护公司