React Native集成Sentry

这是我们的React-Native SDK的文档。 React-Native SDK使用iOS和Android的原生扩展,但如有必要,将回退到纯JavaScript版本。

一、安装

首先添加Sentry然后链接它:

$ npm install react-native-sentry --save
# or
# yarn add react-native-sentry
# if you are using yarn
# this is for linking
$ react-native link react-native-sentry

链接步骤将引入本机依赖项并相应地修补项目。如果您正在使用世博会,则不必(或不能)运行该链接步骤。有关详细信息,请参阅将Sentry与Expo一起使用。

在链接时,新的Sentry向导将帮助您配置项目并相应地更改文件。

链接后,将执行以下更改:

  • 在Android上添加用于本机崩溃报告的sentry-java包
  • 在iOS上添加sentry-cocoa包以进行本机崩溃报告
  • 启用android的哨兵gradle构建步骤
  • 适用于iOS的AppDelegate.m补丁
  • 补丁MainApplication.java for Android
  • 在index.js / App.js文件中为提供的DSN配置Sentry
  • 在ios / sentry.properties和android / sentry.properties中存储构建凭据。

要查看链接期间发生的情况,可以参考手动设置,它将为您提供所有详细信息。

请注意,我们目前仅支持react-native> = 0.38。

二、升级

如果要从早期版本的sentry-react-native进行升级,则应重新链接该程序包以确保生成的代码更新为最新版本:

$ react-native unlink react-native-sentry
$ react-native link react-native-sentry

三、iOS细节

当您使用Xcode时,您可以直接挂钩到构建过程以上载调试符号和源图。如果您正在使用bitcode,则需要禁用“将调试符号上传到Sentry”构建阶段,然后分别将调试符号从iTunes Connect上传到Sentry。

四、Android细节

对于Android,我们为源映射构建过程挂钩。运行react-native链接时,gradle文件会自动更新。当你运行./gradlew assembleRelease时,源代码会自动构建并上传到Sentry。

五、客户端配置

注意:运行react-native链接时,我们将自动更新index.ios.js / index.android.js并进行以下更改:

import { Sentry } from 'react-native-sentry';
Sentry.config('https://<key>@sentry.io/<project>').install();

如果要执行此操作,可以将其他配置选项传递给config()方法。

六、混合Stacktraces

目前我们只支持iOS上的混合堆栈跟踪。默认情况下,此功能已禁用。我们建议您在激活此应用时彻底测试您的应用,将其设置为deactivateStacktraceMerging:false请参阅:其他配置。

 

 

 

 

 

 

 

 

 

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
React Native提供了一个称为Native Modules的机制,允许您在React Native应用程序中使用原生代码。因此,您可以使用Java或Kotlin编写原生Android代码,并将其与React Native应用程序集成。以下是一些步骤: 1.创建一个新的Android库项目。 2.在您的React Native项目中创建一个新的Native Module。 3.将您的原生代码添加到Android库项目中。 4.编写Java或Kotlin代码来公开原生方法。 5.在React Native Native Module中使用这些方法。 6.构建并运行您的React Native应用程序。 这里是一个简单的例子,说明如何在React Native应用程序中使用原生Android模块: 1.创建一个新的Android库项目 在Android Studio中,选择“File” > “New” > “New Module”。然后选择“Android Library”并按照向导中的说明创建一个新的Android库项目。 2.在您的React Native项目中创建一个新的Native Module 在React Native项目的根目录下,运行以下命令: ``` react-native create-library MyNativeModule ``` 此命令将创建一个名为MyNativeModule的新目录。在此目录中,您可以添加一个名为MyNativeModule.java的文件。 3.将您的原生代码添加到Android库项目中 将您的原生代码复制到Android库项目中的src/main/java目录中。 4.编写Java或Kotlin代码来公开原生方法 在您的Java或Kotlin类中,使用@ReactMethod注释来标记要公开给React Native的原生方法。例如: ``` @ReactMethod public void showToast(String message) { Toast.makeText(getReactApplicationContext(), message, Toast.LENGTH_SHORT).show(); } ``` 5.在React Native Native Module中使用这些方法 在您的React Native应用程序中,导入MyNativeModule并调用其方法。例如: ``` import { NativeModules } from 'react-native'; const { MyNativeModule } = NativeModules; MyNativeModule.showToast('Hello, world!'); ``` 6.构建并运行您的React Native应用程序 在React Native应用程序的根目录中,运行以下命令以构建并运行您的应用程序: ``` react-native run-android ``` 这样,您就可以在React Native应用程序中使用原生Android模块了!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值