使用 LogRocket
编辑页面
一份关于安装和配置 LogRocket 以进行会话回放和错误监控的指南。
For the complete documentation index, see llms.txt. Use this Use this file to discover all available pages.
LogRocket 会记录用户会话,并在用户使用你的应用时识别 bug。你可以按更新 ID 过滤会话,也可以在 EAS 控制台中将你的 LogRocket 账户连接起来,以便快速访问应用的会话数据。
安装并配置 LogRocket
你可以使用以下命令安装 LogRocket SDK:
- npx expo install @logrocket/react-native expo-build-properties然后,在你的 app 配置 中包含 LogRocket 配置插件:
{ "plugins": [ [ "expo-build-properties", { "android": { "minSdkVersion": 25 } } ], "@logrocket/react-native" ] }
最后,在应用中的顶层文件里初始化 LogRocket,例如 src/app/_layout.tsx:
import { useEffect } from 'react'; import * as Updates from 'expo-updates'; import LogRocket from '@logrocket/react-native'; const App = () => { useEffect(() => { LogRocket.init('<App ID>', { updateId: Updates.isEmbeddedLaunch ? null : Updates.updateId, expoChannel: Updates.channel, }); }, []); };
在上面的代码中,请将 <App ID> 替换为你的 LogRocket App ID。
在 EAS 控制台中连接 LogRocket
你可以将你的 LogRocket 账户和项目链接到 Expo 账户和项目,这样你就能在 Expo 控制台中查看应用最近的几次会话,以及部署和更新控制台中的相关信息。
前往 Account settings > Overview > Connections,然后点击 Connect 以通过 LogRocket 进行身份验证:
然后,进入你的项目,在 Project settings > General 下点击 Connect,将你的 LogRocket 项目与 Expo 上的项目链接起来:
之后,你会开始在 EAS 控制台的 Native Deployments 和 Updates 仪表板中看到 View on LogRocket 按钮,以及应用最近的几次会话。
了解更多关于 LogRocket 的信息
要进一步了解如何在 Expo 中使用 LogRocket,请查看 LogRocket 文档。