react-native添加bugly捕获bug

1
2
3
4
5
6
7
8
9
10
11
12
13
14
android {
    defaultConfig {
        ndk {
            // 设置支持的SO库架构
            abiFilters "arm64-v8a", "armeabi-v7a" //, 'x86', 'armeabi-v7a', 'x86_64', 'arm64-v8a'
        }
    }
}

dependencies {
    implementation 'com.tencent.bugly:crashreport:latest.release' //其中latest.release指代最新Bugly SDK版本号，也可以指定明确的版本号，例如2.1.9
    implementation 'com.tencent.bugly:nativecrashreport:latest.release' //其中latest.release指代最新Bugly NDK版本号，也可以指定明确的版本号，例如3.0
}

1
2
注意：自动集成时会自动包含Bugly SO库，建议在Module的build.gradle文件中使用NDK的“abiFilter”配置，设置支持的SO库架构。

1
2
NDK integration is deprecated in the current plugin.  Consider trying the new experimental plugin.

1
2
android.useDeprecatedNdk=true

1
2
3
4
5
6
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
<uses-permission android:name="android.permission.READ_LOGS" />

1
2
3
4
5
6
7
8
9
10
import com.tencent.bugly.crashreport.CrashReport;

//=>获取APP ID并将以下代码复制到项目MainApplication类onCreate()中，Bugly会为自动检测环境并完成配置：
  @Override
  public void onCreate() {
    super.onCreate();
    CrashReport.initCrashReport(getApplicationContext(), "注册时申请的APPID", false);
    //...
  }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<application
    <!-- 配置APP ID -->
    <meta-data
            android:name="BUGLY_APPID"
            android:value="<APP_ID>" />
    <!-- 配置APP版本号 -->
    <meta-data
            android:name="BUGLY_APP_VERSION"
            android:value="<APP_Version>" />
    <!-- 配置APP渠道号 -->
    <meta-data
            android:name="BUGLY_APP_CHANNEL"
            android:value="<APP_Channel>" />
    <!-- 配置Bugly调试模式（true或者false）-->
    <meta-data
            android:name="BUGLY_ENABLE_DEBUG"
            android:value="<isDebug>" />
</application>

1
2
react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/ --sourcemap-output android-release.bundle.map

1
2
zsh: command not found: react-native

1
2
yarn react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/ --sourcemap-output android-release.bundle.map

1
2
3
4
5
6
7
8
9
10
11
var fs = require('fs');
 
fs.readFile('android-release.bundle.map', 'utf8', function (err, data) {
    var smc = new sourceMap.SourceMapConsumer(data);
 
    console.log(smc.originalPositionFor({
        line: 424, //报错的行
        column: 549 //报错的列
    }));
});