Firebase Hosting部署后如何查看React Native Web应用调试日志？

一、查看Firebase Hosting的请求日志 #

• 通过Firebase CLI命令查看：在本地终端运行 firebase hosting:log，可拉取部署后应用的所有请求日志，包含HTTP状态码、请求路径、访问时间等信息。还能添加参数过滤内容，比如 firebase hosting:log --filter="error" 只显示错误相关日志，firebase hosting:log --since="2024-05-01" 指定查看某个时间点之后的日志。
• 通过Firebase控制台查看：登录Firebase控制台进入对应项目，打开Hosting模块的日志标签页，可直接在网页端查看、筛选和搜索请求日志。

二、捕获前端应用的错误日志 #

• 集成Firebase Crashlytics：给React Native Web应用添加Crashlytics SDK依赖并完成配置后，部署后的前端未处理异常、错误会自动上报到Firebase控制台的Crashlytics面板，能查看详细的错误堆栈、发生次数、用户设备信息等，适合批量收集用户端的错误。
• 单用户端调试：如果需要查看单个用户访问时的debug日志，可让用户打开浏览器开发者工具的Console面板，你之前设置的setLogLevel("debug")会输出对应的调试信息，不过这种方式只能查看单个用户的实时日志。
• 自定义日志上报：如果需要收集特定业务日志，可在应用中通过代码将日志写入Firebase Realtime Database或Firestore，之后在控制台对应模块查看这些自定义日志。

内容的提问来源于stack exchange，提问作者Surafel