Android PWA从Chrome打开时莫名携带3000端口问题求助

针对Bubblewrap PWA在Chrome中莫名带3000端口的解决方案 #

• 检查Bubblewrap打包配置

  • 打开项目根目录的bubblewrap-config.json，确认port字段未设置为3000（生产环境应留空或设为443）；同时核对manifest.json里的start_url，确保没有硬编码:3000后缀。
  • 重新打包时，避免传入--port 3000这类开发环境参数，直接执行bubblewrap build生成生产包。

• 清理Chrome端的PWA缓存与残留配置

  • 测试人员操作路径：Chrome设置 → 隐私和安全 → 网站设置 → 查看所有网站数据和权限，找到对应PWA的域名，删除全部数据后卸载PWA，再从Google Play重新安装。

• 验证Google Play控制台配置

  • 登录Play Console，检查应用提交的启动URL是否正确，确保没有携带3000端口。若之前上传的APK存在配置残留，重新打包并上传新版本覆盖。

• 排查Chrome版本兼容性

  • 让测试人员将Chrome更新至最新稳定版，旧版本可能存在PWA启动URL解析的bug。

• 添加启动日志定位触发场景

  • 在PWA的入口页面添加代码：console.log('PWA启动URL:', window.location.href)，当问题复现时收集日志，确认端口是启动时直接携带还是后续跳转产生的，缩小排查范围。

内容的提问来源于stack exchange，提问作者Daniel Nýdrle