@capacitor-firebase/crashlytics
Version:
Capacitor plugin for Firebase Crashlytics.
466 lines (298 loc) • 15 kB
Markdown
# @capacitor-firebase/crashlytics
Unofficial Capacitor plugin for [Firebase Crashlytics](https://firebase.google.com/docs/crashlytics/).[^1]
<div class="capawesome-z29o10a">
<a href="https://cloud.capawesome.io/" target="_blank">
<img alt="Deliver Live Updates to your Capacitor app with Capawesome Cloud" src="https://cloud.capawesome.io/assets/banners/cloud-deploy-real-time-app-updates.png?t=1" />
</a>
</div>
## Installation
```bash
npm install @capacitor-firebase/crashlytics
npx cap sync
```
Add Firebase to your project if you haven't already ([Android](https://github.com/capawesome-team/capacitor-firebase/blob/main/docs/firebase-setup.md#android) / [iOS](https://github.com/capawesome-team/capacitor-firebase/blob/main/docs/firebase-setup.md#ios)).
### Android
#### Crashlytics Gradle plugin
First, add the dependency for the Crashlytics Gradle plugin to your root-level (project-level) Gradle file (`<project>/build.gradle`):
```diff
buildscript {
dependencies {
+ // Add the dependency for the Crashlytics Gradle plugin
+ classpath 'com.google.firebase:firebase-crashlytics-gradle:2.9.9'
}
}
```
Add the Crashlytics Gradle plugin to your module (app-level) Gradle file (usually `<project>/<app-module>/build.gradle`):
```gradle
apply plugin: 'com.google.firebase.crashlytics'
```
#### Variables
If needed, you can define the following project variable in your app’s `variables.gradle` file to change the default version of the dependency:
- `$firebaseCrashlyticsVersion` version of `com.google.firebase:firebase-crashlytics` (default: `19.4.0`)
This can be useful if you encounter dependency conflicts with other plugins in your project.
### iOS
To generate human readable crash reports, Crashlytics needs your project's debug symbol (dSYM) files.
The following steps describe how to automatically upload dSYM files to Firebase whenever you build your app:
1. Open your project's Xcode workspace, then select its project file in the left navigator.
2. From the **TARGETS** list, select your main build target.
3. Click the **Build Settings** tab, then complete the following steps so that Xcode produces dSYMs for your builds.
1. Click **All**, then search for `debug information format`.
2. Set **Debug Information Format** to `DWARF with dSYM File` for all your build types.
4. Click the **Build Phases** tab and complete the following steps:
1. Click the **+** button, then select **New Run Script Phase**.
2. Expand the new **Run Script** section.
3. In the script field (located under the *Shell* label), add the following run script:
```
"${PODS_ROOT}/FirebaseCrashlytics/run"
```
4. In the Input Files section, add the paths for the locations of the following files:
```
${DWARF_DSYM_FOLDER_PATH}/${DWARF_DSYM_FILE_NAME}/Contents/Resources/DWARF/${TARGET_NAME}
```
```
$(SRCROOT)/$(BUILT_PRODUCTS_DIR)/$(INFOPLIST_PATH)
```
## Configuration
No configuration required for this plugin.
## Demo
A working example can be found here: [robingenz/capacitor-firebase-plugin-demo](https://github.com/robingenz/capacitor-firebase-plugin-demo)
## Starter templates
The following starter templates are available:
- [Ionstarter Angular Firebase](https://ionstarter.dev/)
## Usage
```typescript
import { FirebaseCrashlytics } from '@capacitor-firebase/crashlytics';
const crash = async () => {
await FirebaseCrashlytics.crash({ message: 'Test' });
};
const setCustomKey = async () => {
await FirebaseCrashlytics.setCustomKey({
key: 'page',
value: 'home',
type: 'string',
});
};
const setUserId = async () => {
await FirebaseCrashlytics.setUserId({
userId: '123',
});
};
const log = async () => {
await FirebaseCrashlytics.log({
message: 'Test',
});
};
const setEnabled = async () => {
await FirebaseCrashlytics.setEnabled({
enabled: true,
});
};
const isEnabled = async () => {
const { enabled } = await FirebaseCrashlytics.isEnabled();
return enabled;
};
const didCrashOnPreviousExecution = async () => {
const { crashed } = await FirebaseCrashlytics.didCrashOnPreviousExecution();
return crashed;
};
const sendUnsentReports = async () => {
await FirebaseCrashlytics.sendUnsentReports();
};
const deleteUnsentReports = async () => {
await FirebaseCrashlytics.deleteUnsentReports();
};
const recordException = async () => {
await FirebaseCrashlytics.recordException({
message: 'This is a non-fatal message.',
});
};
import * as StackTrace from 'stacktrace-js';
const recordExceptionWithStacktrace = async (error: Error) => {
const stacktrace = await StackTrace.fromError(error);
await FirebaseCrashlytics.recordException({
message: 'This is a non-fatal message.',
stacktrace,
});
};
```
## API
<docgen-index>
* [`crash(...)`](#crash)
* [`setCustomKey(...)`](#setcustomkey)
* [`setUserId(...)`](#setuserid)
* [`log(...)`](#log)
* [`setEnabled(...)`](#setenabled)
* [`isEnabled()`](#isenabled)
* [`didCrashOnPreviousExecution()`](#didcrashonpreviousexecution)
* [`sendUnsentReports()`](#sendunsentreports)
* [`deleteUnsentReports()`](#deleteunsentreports)
* [`recordException(...)`](#recordexception)
* [Interfaces](#interfaces)
* [Type Aliases](#type-aliases)
</docgen-index>
<docgen-api>
<!--Update the source file JSDoc comments and rerun docgen to update the docs below-->
### crash(...)
```typescript
crash(options: CrashOptions) => Promise<void>
```
Forces a crash to test the implementation.
Only available for Android and iOS.
| Param | Type |
| ------------- | ----------------------------------------------------- |
| **`options`** | <code><a href="#crashoptions">CrashOptions</a></code> |
**Since:** 0.1.0
--------------------
### setCustomKey(...)
```typescript
setCustomKey(options: SetCustomKeyOptions) => Promise<void>
```
Sets a custom key and value that is associated with subsequent fatal and non-fatal reports.
Only available for Android and iOS.
| Param | Type |
| ------------- | --------------------------------------------------------------- |
| **`options`** | <code><a href="#customkeyandvalue">CustomKeyAndValue</a></code> |
**Since:** 0.1.0
--------------------
### setUserId(...)
```typescript
setUserId(options: SetUserIdOptions) => Promise<void>
```
Sets a user ID (identifier) that is associated with subsequent fatal and non-fatal reports.
Only available for Android and iOS.
| Param | Type |
| ------------- | ------------------------------------------------------------- |
| **`options`** | <code><a href="#setuseridoptions">SetUserIdOptions</a></code> |
**Since:** 0.1.0
--------------------
### log(...)
```typescript
log(options: LogOptions) => Promise<void>
```
Adds a custom log message that is sent with your crash data to give yourself more context for the events leading up to a crash.
Only available for Android and iOS.
| Param | Type |
| ------------- | ------------------------------------------------- |
| **`options`** | <code><a href="#logoptions">LogOptions</a></code> |
**Since:** 0.1.0
--------------------
### setEnabled(...)
```typescript
setEnabled(options: SetEnabledOptions) => Promise<void>
```
Enables/disables automatic data collection.
The value does not apply until the next run of the app.
Only available for Android and iOS.
| Param | Type |
| ------------- | --------------------------------------------------------------- |
| **`options`** | <code><a href="#setenabledoptions">SetEnabledOptions</a></code> |
**Since:** 0.1.0
--------------------
### isEnabled()
```typescript
isEnabled() => Promise<IsEnabledResult>
```
Returns whether or not automatic data collection is enabled.
Only available for iOS.
**Returns:** <code>Promise<<a href="#isenabledresult">IsEnabledResult</a>></code>
**Since:** 0.1.0
--------------------
### didCrashOnPreviousExecution()
```typescript
didCrashOnPreviousExecution() => Promise<DidCrashOnPreviousExecutionResult>
```
Returns whether the app crashed during the previous execution.
Only available for Android and iOS.
**Returns:** <code>Promise<<a href="#didcrashonpreviousexecutionresult">DidCrashOnPreviousExecutionResult</a>></code>
**Since:** 0.1.0
--------------------
### sendUnsentReports()
```typescript
sendUnsentReports() => Promise<void>
```
Uploads any unsent reports to Crashlytics at next startup.
When automatic data collection is enabled, Crashlytics automatically uploads reports at startup.
Only available for Android and iOS.
**Since:** 0.1.0
--------------------
### deleteUnsentReports()
```typescript
deleteUnsentReports() => Promise<void>
```
Deletes any unsent reports on the device.
Only available for Android and iOS.
**Since:** 0.1.0
--------------------
### recordException(...)
```typescript
recordException(options: RecordExceptionOptions) => Promise<void>
```
Records a non-fatal report to send to Crashlytics.
Only available for Android and iOS.
| Param | Type |
| ------------- | ------------------------------------------------------------------------- |
| **`options`** | <code><a href="#recordexceptionoptions">RecordExceptionOptions</a></code> |
**Since:** 0.1.0
--------------------
### Interfaces
#### CrashOptions
| Prop | Type | Since |
| ------------- | ------------------- | ----- |
| **`message`** | <code>string</code> | 0.1.0 |
#### CustomKeyAndValue
| Prop | Type | Since |
| ----------- | ---------------------------------------------------------------------------- | ----- |
| **`key`** | <code>string</code> | 7.1.0 |
| **`value`** | <code>string \| number \| boolean</code> | 7.1.0 |
| **`type`** | <code>'string' \| 'boolean' \| 'long' \| 'double' \| 'int' \| 'float'</code> | 7.1.0 |
#### SetUserIdOptions
| Prop | Type | Since |
| ------------ | ------------------- | ----- |
| **`userId`** | <code>string</code> | 0.1.0 |
#### LogOptions
| Prop | Type | Since |
| ------------- | ------------------- | ----- |
| **`message`** | <code>string</code> | 0.1.0 |
#### SetEnabledOptions
| Prop | Type | Since |
| ------------- | -------------------- | ----- |
| **`enabled`** | <code>boolean</code> | 0.1.0 |
#### IsEnabledResult
| Prop | Type | Since |
| ------------- | -------------------- | ----- |
| **`enabled`** | <code>boolean</code> | 0.1.0 |
#### DidCrashOnPreviousExecutionResult
| Prop | Type | Since |
| ------------- | -------------------- | ----- |
| **`crashed`** | <code>boolean</code> | 0.1.0 |
#### RecordExceptionOptions
| Prop | Type | Description | Since |
| ------------------- | -------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----- |
| **`message`** | <code>string</code> | The message to record as a non-fatal exception. | 0.1.0 |
| **`code`** | <code>number</code> | Error code within a specific error domain. **Attention:** This option is ignored on iOS if `stacktrace` is provided. Only available for iOS. | 0.1.0 |
| **`domain`** | <code>string</code> | A string containing the error domain. **Attention:** This option is ignored on iOS if `stacktrace` is provided. Only available for iOS. | 0.1.0 |
| **`keysAndValues`** | <code>CustomKeyAndValue[]</code> | An array of keys and the values to associate with the non fatal exception, in addition to the app level custom keys. **Attention:** This option is ignored on iOS if `stacktrace` is provided. | 7.1.0 |
| **`stacktrace`** | <code>StackFrame[]</code> | A stacktrace generated by stacktrace.js. | 1.1.0 |
#### StackFrame
Subset of the Stacktrace generated by stacktrace.js.
| Prop | Type |
| ------------------ | ------------------- |
| **`lineNumber`** | <code>number</code> |
| **`fileName`** | <code>string</code> |
| **`functionName`** | <code>string</code> |
### Type Aliases
#### SetCustomKeyOptions
<code><a href="#customkeyandvalue">CustomKeyAndValue</a></code>
</docgen-api>
## Test your implementation
[Here](https://firebase.google.com/docs/crashlytics/force-a-crash) you can find more information on how to test the Firebase Crashlytics implementation.
Among other things, you will find information on how to correctly [adjust the project's debug settings](https://firebase.google.com/docs/crashlytics/force-a-crash?platform=ios#adjust_your_projects_debug_settings) under iOS and how to [test it out](https://firebase.google.com/docs/crashlytics/force-a-crash?platform=ios#test_it_out).
If you get obfuscated crash reports for iOS, make sure you have [initialized Crashlytics](https://firebase.google.com/docs/crashlytics/get-started?platform=ios#initialize-crashlytics) correctly and take a look at [this guide](https://firebase.google.com/docs/crashlytics/get-deobfuscated-reports?platform=ios), which provides some ways to troubleshoot if Crashlytics can't find your app's dSYM.
## Changelog
See [CHANGELOG.md](https://github.com/capawesome-team/capacitor-firebase/blob/main/packages/crashlytics/CHANGELOG.md).
## License
See [LICENSE](https://github.com/capawesome-team/capacitor-firebase/blob/main/packages/crashlytics/LICENSE).
## Credits
This plugin is based on the [Capacitor Community Firebase Crashlytics](https://github.com/capacitor-community/firebase-crashlytics) plugin.
Thanks to everyone who contributed to the project!
[^1]: This project is not affiliated with, endorsed by, sponsored by, or approved by Google LLC or any of their affiliates or subsidiaries.