移动端小程序类型迁移到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
如果在开发者中心上没看到对应的类型可供选择,需要联系管理员进行人工处理。