微信小程序跳转到Bilibili小程序 B站小程序 Bilibili小程序

水明 - 2021-10-27 12:03:44

在自有的微信小程序内添加跳转到B站小程序的能力。

获取Bilibili小程序页面路径

首先通过查看小程序更多资料，获得哔哩哔哩小程序的AppID（目前是wx7564fd5313d24844）
通过公众号写作功能，获取视频播放页的页面路径。参考这篇文章：
如何查看并复制小程序的页面路径？ | 微信开放社区:
可以得到是这样的一个路径：

pages/video/video.html?__preload_=16351231085123&__key_=16351231085124&avid=200376800

注意在后续的小程序跳转操作中，需要把其中的.html删除。
三个参数其中前两个容易想到是时间戳（的10倍多一点）。
第三个参数是AV号，但b站目前只有显式的BV号。获取视频的号，在PC端的播放页面打开F12输入aid即可获得。或者通过其他的接口等方法。

跳转Bilibili小程序页面路径

// index.js


Page({

  // 测试跳转小程序
  goBilibili:function() {
    const aid='200376800'
    const timestamp=new Date().getTime()
    const path=`pages/video/video?__preload_=${timestamp*10+3}&__key_=${timestamp*10+4}&avid=${aid}`
    wx.navigateToMiniProgram({
      appId: 'wx7564fd5313d24844',
      path,
      success: res => {
        console.log('跳转成功')
      }
    })
  }
})

运行实例可查看代码片段

参考资料

拿到了b站小程序播放页的路径，为什么在小程序里跳转失败，放到公众号里成功？ | 微信开放社区

特别申明：本文内容来源网络，版权归原作者所有，如有侵权请立即与我们联系（cy198701067573@163.com），我们将及时处理。

上一篇：微信小程序命令行cli的使用方法

下一篇：在 laravel 中轻松容易的输出完整的 sql 语句