对 Bugfender 执行本地插件

Bugfender 为Web反应原生和回放原生模块. 这取决于iOS,Android和Javascript Bugfender SDKs.

这个版本在React Industrial同时被用"老建筑"和"新建筑"进行测试. "新建筑"仍然处于实验性状态,因此在新的回放原生版本中可能会被打破.

曝光兼容性

Bugfender与世博会合作 "粗糙的工作流程". Expo Go应用程序(被管理的工作流程所使用)无法运行 Bugfender SDK,因为它包含本地代码.

在您的工程中添加臭虫

$ cd path_to_your_project

从 npm 添加臭虫插件

$ npm install @bugfender/rn-bugfender @bugfender/sdk @bugfender/common

安装后, 关闭并重新启动您的应用程序 npm run ios 或者说 npm run android。 。 。 .

使用量

import { Bugfender, LogLevel } from '@bugfender/rn-bugfender';

请检查以下 URL 以获取完整的 API 引用 : https://docs.bugfender.com (中文(简体) )。 。 。 .

注意: 总是导入 @ bugfender/rn- bugfender 而不是 @ bugfender/ sdk 。 这将使SDK的原生特征成为你无法得到的.

示例

import { Bugfender, LogLevel } from '@bugfender/rn-bugfender';

// Init Bugfender with your APP key
Bugfender.init({
  appKey: '<YOUR APP KEY>',
  // apiURL: 'https://api.bugfender.com',
  // baseURL: 'https://dashboard.bugfender.com',
  // overrideConsoleMethods: true,
  // printToConsole: true,
  // logUIEvents: true,
  // registerErrorHandler: true,
  // deviceName: 'Anonymous',
  // maximumLocalStorageSize: 5 * 1024 * 1024, // Native specific
  // enableLogcatLogging: false, // Android specific
  // networkLoggingEnabled: false,
  // networkLoggingCaptureBodies: false,
  // networkLoggingCaptureErrorResponseBodies: false,
  // logBrowserEvents: true, // Web specific
  // build: '42', // Web specific
  // version: '1.0', // Web specific
});

网络记录

网络记录为 选入 并默认禁用。 启用时, HTTP 请求会作为日志在 Bugfender 中显示 bf_network。 。 。 .

Bugfender.setNetworkLoggingEnabled(true);
// Optional:
Bugfender.setNetworkLoggingCaptureBodies(false);
Bugfender.setNetworkLoggingCaptureErrorResponseBodies(true);
Bugfender.setNetworkLoggingURLFilter(
  ['https://api.example.com/*'],
  ['*/secrets/*']
);
Bugfender.setNetworkLoggingMaxRequestsPerMinute(60);

// Optional: redact sensitive headers/bodies before they are logged
Bugfender.setNetworkLoggingRequestObfuscationHandler((url, headers, body) => ({
  url,
  headers: { ...headers, authorization: '[REDACTED]' },
  body,
}));
Bugfender.setNetworkLoggingResponseObfuscationHandler((headers, body) => ({
  headers,
  body: body ? body.replace(/"token":"[^"]*"/g, '"token":"[REDACTED]"') : null,
}));

您也可以启用它的时间与 networkLoggingEnabled, (中文(简体) ), networkLoggingCaptureBodies,以及 networkLoggingCaptureErrorResponseBodies。 。 。 .

平台注释:

• iOS: (英语) URL 会话流量被捕获( 包括 React Index) fetch) (中文(简体) ).
• 机器人: 原生反应 fetch/XHR通过OkHttp(android-okhttp 4.x适配器).
• 网络 : 用途 @bugfender/sdk (≥ 4.0.0),拦截 fetch 财务报告和审定财务报表 XMLHttpRequest。 。 。 .
• 需要本地臭虫 Android SDK 4.x (中文(简体) ) (这个软件包拉 com.bugfender.sdk:android:4.+) (中文(简体) ).

更改日志

Bugfender Web SDK 的更改日志可见于下页的 ReleaseNotes 反应-内在 标签。 关于所有Bugfender产品更改,请访问一般放出注释.

麻烦的解决

我们经常有关于可可Pods安装失败的问题。 虽然这和Bugfender无关 你可以 在安装吊舱时遇到这个问题 .

为了重新安装舱,你可以:

bundle exec pod install

或者,对于新建筑:

RCT_NEW_ARCH_ENABLED=1 bundle exec pod install

您可以在此找到更多细节 : https://reactnative.dev/docs/ 环境设置