虎牙开放平台文档

移动端小程序类型迁移到H5技术栈

新版本的虎牙移动端(虎牙直播APP和虎牙直播助手)把技术栈从React Native迁移到H5技术栈,这里提供一些迁移的指引。

相关版本信息

具体虎牙直播APP和虎牙直播助手哪个版本开始迁移到H5技术栈,请参考真机调试最后有关终端版本信息的相关内容。

更新相关工具依赖

  • 小程序
    • @hyext/builder-beyond@^3.8.10
    • @hyext-beyond/core@^2.1.1
    • @hyext/hy-ui@^1.4.5
    • @hyext/popup@^2.1.8
  • 小游戏
    • @hyext/builder-webview@^0.4.2

添加配置

在 project.config.json 的 buildConfig.H5 数组中添加相关的配置,其中小程序(builder-beyond):

"buildConfig": { "H5": [ { "entry": "index_app_panel.js", "extType": "app_panel_h5", "platform": "web" } ] }

小游戏(builder-webview):

"buildConfig": [ { "extType": "app_panel_h5", "platform": "web" } ]

其中:

  • extType,按以下映射关系填写:
    • app_panel_h5, 观众端面板类型,对应RN技术栈的app_panel
    • app_popup_h5, 观众端浮窗类型,对应RN技术栈的app_popup
    • zs_anchor_panel_h5,助手面板类型,对应RN技术栈的zs_anchor_panel
    • zs_anchor_popup_h5,助手浮窗类型,对应RN技术栈的zs_anchor_popup
  • entry,如果有,则保持之前的值即可
  • platform,固定填写"web"即可

上传配置

执行hyext start后将dist目录生成的配置文件上传到开发者中心,对应的外显名字为:

  • 虎牙直播APP-浮窗h5
  • 虎牙直播APP-面板h5
  • 虎牙助手APP-面板h5
  • 虎牙助手APP-浮窗h5

如果在开发者中心上没看到对应的类型可供选择,需要联系管理员进行人工处理。