Erste Schritte mit React Native

2025-05-05

Von Bedeutung

Visual Studio App Center wurde am 31. März 2025 eingestellt, mit Ausnahme der Analyse- und Diagnosefeatures, die bis zum 30. Juni 2026 weiterhin unterstützt werden. Weitere Informationen

Das App Center SDK verwendet eine modulare Architektur, sodass Sie beliebige oder alle Dienste verwenden können.

Lassen Sie uns damit beginnen, das React Native SDK von App Center in Ihre App einzurichten, um App Center Analytics und App Center Crashes zu verwenden.

1. Voraussetzungen

Stellen Sie zunächst sicher, dass die folgenden Voraussetzungen erfüllt sind:

Sie verwenden ein React Native-Projekt, das React Native 0.34 oder höher ausführt.
Sie richten sich an Geräte, die auf Android Version 5.0/API-Ebene 21 oder höher oder iOS Version 9.0 oder höher ausgeführt werden.
Sie verwenden keine andere Bibliothek, die Absturzberichtsfunktionen unter iOS bereitstellt.
Für iOS erfordert die Standardmäßige Verwendung des SDK CocoaPods. (Wenn Sie CocoaPods noch nicht installiert haben, folgen Sie der Anleitung „CocoaPods Getting Started“, um dies zu tun). Dennoch ist es möglich, das SDK manuell zu verknüpfen.

2. Erstellen Sie Ihre App im App Center-Portal, um das App-Geheimnis zu erhalten.

Wenn Sie Ihre App bereits im App Center-Portal erstellt haben, können Sie diesen Schritt überspringen.

Wechseln Sie zu appcenter.ms.
Registrieren Sie sich oder loggen Sie sich ein und drücken Sie die blaue Schaltfläche in der oberen rechten Ecke des Portals mit der Aufschrift Neu hinzufügen. Wählen Sie im Dropdownmenü Neue App hinzufügen aus.
Geben Sie einen Namen und eine optionale Beschreibung für Ihre App ein.
Wählen Sie das entsprechende Betriebssystem (Android oder iOS) und React Native als Plattform aus.
Klicken Sie unten rechts auf die Schaltfläche, die " Neue App hinzufügen" anzeigt.

Nachdem Sie eine App erstellt haben, können Sie den App-Schlüssel auf der Seite "Einstellungen" im App Center-Portal abrufen. Klicken Sie in der oberen rechten Ecke der Seite "Einstellungen " auf die dreifachen vertikalen Punkte , und wählen Sie aus Copy app secret , um Ihren App-Geheimschlüssel zu erhalten.

3. Hinzufügen der App Center SDK-Module

Die Standardintegration des SDK verwendet CocoaPods für iOS. Wenn Sie CocoaPods nicht in Ihrer App verwenden, müssen Sie das React Native SDK manuell für Ihre iOS-App integrieren.

Öffnen Sie ein Terminal, navigieren Sie zum Stamm Ihres React Native-Projekts und geben Sie dann die folgende Zeile ein, um der App App Center Analytics und Crashes hinzuzufügen:

npm install appcenter appcenter-analytics appcenter-crashes --save-exact

Verwenden Sie für den Fall, dass Sie es vorziehen yarnnpm, den folgenden Befehl, um App Center zu installieren:

yarn add appcenter appcenter-analytics appcenter-crashes --exact

Das App Center SDK verwendet einen modularen Ansatz, bei dem Sie nur die Module für App Center-Dienste hinzufügen, die Sie verwenden möchten. Appcenter-Analysen und Appcenter-Abstürze machen für fast jede App Sinn, da sie ohne zusätzliche Einrichtung einen Mehrwert bieten. appcenter bietet allgemeine App Center-APIs, die für mehrere Dienste nützlich sind.

3.1 Integrieren des SDK automatisch für React Native 0.60

Die Verwendung des App Center SDK mit React Native kann auf zwei Arten erfolgen: Konfigurieren von AppCenter-Config.plist iOS und appcenter-config.json für Android oder durch Aufrufen der systemeigenen Startfunktionen, die das appSecret als Argument akzeptieren.

3.1.1 Integrieren von React Native iOS

Führen Sie pod install --repo-update im iOS-Verzeichnis aus, um CocoaPods-Abhängigkeiten zu installieren.

3.1.1.1 Einstellung von AppSecret Option 1: Konfigurieren `AppCenter-Config.plist`

Erstellen Sie eine neue Datei mit dem Namen AppCenter-Config.plist mit dem folgenden Inhalt und ersetzen Sie {APP_SECRET_VALUE} durch Ihren App-Geheimwert. Vergessen Sie nicht, diese Datei dem Xcode-Projekt hinzuzufügen (klicken Sie mit der rechten Maustaste auf die App in Xcode, und klicken Sie auf " Dateien zu <AppName> hinzufügen...").
```
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "https://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
    <dict>
    <key>AppSecret</key>
    <string>{APP_SECRET_VALUE}</string>
    </dict>
</plist>
```

Ändern Sie die AppDelegate.m - oder AppDelegate.mm-Datei , um Code für das Starten des SDK einzuschließen.

Fügen Sie die folgenden Importe hinzu:

#import <AppCenterReactNative.h>
#import <AppCenterReactNativeAnalytics.h>
#import <AppCenterReactNativeCrashes.h>

Fügen Sie folgende Zeilen zur application:didFinishLaunchingWithOptions: Methode hinzu:

[AppCenterReactNative register];
[AppCenterReactNativeAnalytics registerWithInitiallyEnabled:true];
[AppCenterReactNativeCrashes registerWithAutomaticProcessing];

3.1.1.2 Festlegen von AppSecret-Option 2: Konfigurieren im Code

Ändern Sie die AppDelegate.m - oder AppDelegate.mm-Datei , um Code für das Starten des SDK einzuschließen.

Fügen Sie die folgenden Importe hinzu:

#import <AppCenterReactNativeShared/AppCenterReactNativeShared.h>
#import <AppCenterReactNative.h>
#import <AppCenterReactNativeAnalytics.h>
#import <AppCenterReactNativeCrashes.h>

Fügen Sie folgende Zeilen zur application:didFinishLaunchingWithOptions: Methode hinzu:

[AppCenterReactNativeShared setStartAutomatically:YES];
[AppCenterReactNativeShared setAppSecret:@"{Your App Secret}"];
[AppCenterReactNative register];
[AppCenterReactNativeAnalytics registerWithInitiallyEnabled:true];
[AppCenterReactNativeCrashes registerWithAutomaticProcessing];

3.1.2 React Native Android integrieren

Ändern Sie die Res/Values/strings.xml der App so, dass sie die folgenden Zeilen enthält:

<string name="appCenterCrashes_whenToSendCrashes" moduleConfig="true" translatable="false">DO_NOT_ASK_JAVASCRIPT</string>
<string name="appCenterAnalytics_whenToEnableAnalytics" moduleConfig="true" translatable="false">ALWAYS_SEND</string>

3.1.2.1 Einrichten der AppSecret Option 1: Konfigurieren von appcenter-config.json

Erstellen Sie eine neue Datei mit dem Namen appcenter-config.json in android/app/src/main/assets/ mit dem folgenden Inhalt, und ersetzen Sie {APP_SECRET_VALUE} durch Ihren App-Geheimwert.

{
    "app_secret": "{APP_SECRET_VALUE}"
}

Hinweis: Wenn der Ordner mit dem Namen "Assets" nicht vorhanden ist, sollte er unter "project_root/android/app/src/main/assets" erstellt werden.

3.1.2.2 Festlegen der AppSecret-Option 2: Konfigurieren im Code

Fügen Sie die folgende Zeile in der Hauptaktivitätsklasse Ihrer App im onCreate-Callback hinzu, um App Center Analytics und App Center Crashes zu verwenden:

AppCenter.start(getApplication(), "{Your App Secret}", Analytics.class, Crashes.class);

AppCenter.start(application, "{Your App Secret}", Analytics::class.java, Crashes::class.java)

3.2 Automatische Integration des SDK für React Native-Versionen vor 0.60

Hinweis

Wenn Ihre React-Module mithilfe des relativen Pfads innerhalb Ihrer Podfile verknüpft sind, aber nicht im Projekt referenziert werden, schlägt das Verknüpfungsskript fehl, da es App Center mit statischen Podversionen verknüpft. Sie müssen entweder die Schritte aus dem Abschnitt "React Native Problembehandlung" ausführen, wenn Sie das Verknüpfungsskript bereits ausgeführt haben, oder sie selbst verknüpfen.

Verknüpfen Sie die Plug-Ins mit der React Native-App mithilfe des React-nativen Linkbefehls.
```
react-native link appcenter
react-native link appcenter-analytics
react-native link appcenter-crashes
```
Für iOS wird versucht, das App Center SDK für iOS und macOS von CocoaPods herunterzuladen, wenn ein Fehler wie folgt angezeigt wird:
```
Added code to initialize iOS App Center SDK in ios/reactnativesample/AppDelegate.m
Analyzing dependencies [!] Unable to find a specification for AppCenterReactNativeShared (~> {version}) 
```
Führen Sie den folgenden Befehl aus:
```
pod repo update
```
Versuchen Sie dann erneut, react-native link auszuführen.

Hinweis

Das App Center SDK richtet während des Verknüpfungsprozesses keine Modelle automatisch für App Center-Module ein. Wenn Sie das Jest-Testframework in Ihrer Anwendung verwenden und Fehler auftreten, die durch das App Center SDK beim Ausführen von Tests mit Jest verursacht werden, fügen Sie folgendes zum Abschnitt "Jest" der package.json datei "jest" hinzu (nur verwendete Module enthalten):
```
"setupFiles": [
   "<rootDir>/node_modules/appcenter/test/AppCenterMock.js",
   "<rootDir>/node_modules/appcenter-analytics/test/AppCenterAnalyticsMock.js",
   "<rootDir>/node_modules/appcenter-crashes/test/AppCenterCrashesMock.js",
]
```
Hinweis

Unabhängig davon, ob die Verarbeitung von Abstürze von Javascript-Methoden automatisch oder ausgelöst wird, werden Abstürze immer nach dem Neustart der Anwendung verarbeitet. Abstürze können zum Zeitpunkt des Absturzes der Anwendung nicht verarbeitet werden.
Bearbeiten Sie das Projekt android/app/src/main/assets/appcenter-config.json und ersetzen Sie den Platzhalterwert durch das YOUR_APP_SECRET Anwendungsgeheimnis Ihres App Center-Projekts.
Bearbeiten Sie die ios/{YourAppName}/AppCenter-Config.plist-Datei des Projekts, und ersetzen Sie den Platzhalterwert durch das YOUR_APP_SECRET Anwendungsgeheimnis Ihres App Center-Projekts. Wenn AppCenter-Config.plist bereits vorhanden, aber nicht Teil Ihres Xcode-Projekts ist, müssen Sie es manuell zum Xcode-Projekt hinzufügen (klicken Sie mit der rechten Maustaste auf die App in XCode, und klicken Sie auf " Dateien zu <App-Name> hinzufügen...").

3.3 [nur iOS] Integrieren des SDK manuell für React Native ohne react-nativen Link oder CocoaPods

Führen Sie diese Integration aus, wenn Sie CocoaPods nicht verwenden möchten. Wir empfehlen dringend , das SDK über CocoaPods zu integrieren, wie oben beschrieben. Dennoch ist es auch möglich, das iOS Native SDK manuell zu integrieren.

Hinweis

Das neueste App Center React Native SDK hängt nicht unbedingt vom neuesten App Center iOS SDK ab, da das iOS SDK aktualisiert und vor dem React Native veröffentlicht wird.

Die Folge ist, dass Sie wissen müssen, von welcher Version des iOS SDK das React Native SDK abhängt.

Laden Sie das App Center SDK für React Native-Frameworks herunter, die als ZIP-Datei bereitgestellt werden, und entpacken Sie es.
Sie sehen einen Ordner namens "AppCenterReactNativeShared ", der ein einzelnes Framework für die erforderliche React Native iOS-Brücke enthält.
Laden Sie das entsprechende App Center SDK für iOS-Frameworks herunter, die als ZIP-Datei bereitgestellt werden, und entpacken Sie es.
Es wird ein Ordner namens "AppCenter-SDK-Apple/iOS " angezeigt, der unterschiedliche Frameworks für jeden App Center-Dienst enthält. Das aufgerufene AppCenter Framework ist im Projekt erforderlich, da es Code enthält, der zwischen den verschiedenen Modulen gemeinsam verwendet wird.
[Optional] Erstellen Sie ein Unterverzeichnis für Drittanbieterbibliotheken.
- Als bewährte Methode befinden sich Drittanbieterbibliotheken in der Regel innerhalb eines Unterverzeichnisses (es wird häufig "Vendor" genannt). Wenn Sie also Ihr Projekt nicht mit einem Unterverzeichnis für Bibliotheken organisiert haben, erstellen Sie jetzt ein Anbieterunterverzeichnis (unter dem Ios-Verzeichnis Ihres Projekts).
- Erstellen Sie eine Gruppe namens "Vendor " in Ihrem Xcode-Projekt, um die Dateistruktur auf dem Datenträger nachzuahmen.
Öffnen Sie den Finder und kopieren Sie die zuvor entzippten Ordner AppCenter-SDK-Apple/iOS und AppCenterReactNativeShared in den Ordner Ihres Projekts an den Speicherort, an dem er abgelegt werden soll.
Fügen Sie dem Projekt in Xcode die SDK-Frameworks hinzu:
- Stellen Sie sicher, dass der Project Navigator sichtbar ist (⌘+1).
- Ziehen Sie die Dateien "AppCenter.framework", "AppCenterAnalytics.framework", "AppCenterCrashes.framework " und "AppCenterReactNativeShared.framework " aus dem Finder (im vorherigen Schritt) in den Project Navigator von Xcode. Die Dateien "AppCenter.framework " und "AppCenterReactNativeShared.framework " sind erforderlich, um das SDK zu starten, stellen Sie sicher, dass sie zu Ihrem Projekt hinzugefügt werden, andernfalls funktionieren die anderen Module nicht, und Ihre App wird nicht kompiliert.
- Es wird ein Dialogfeld angezeigt, stellen Sie sicher, dass Ihr App-Ziel aktiviert ist, und klicken Sie dann auf "Fertig stellen".
Verknüpfen Sie AppCenter React Native Plug-In-Projekte mit dem Projekt Ihrer App:
- Stellen Sie sicher, dass der Project Navigator sichtbar ist (⌘+1).
- Navigieren Sie für jedes AppCenter React Native-Plug-In zu dem Ordner, der Quellcode enthält. Pfade entsprechend
  - /node_modules/appcenter/ios
  - /node_modules/appcenter-analytics/ios
  - /node_modules/appcenter-crashes/ios
- Ziehen Sie .xcodeproj Dateien aus dem Finder in den Project Navigator von Xcode und legen Sie sie ab. In der Regel unter " Bibliotheken "- Gruppe.
Linkbibliotheken für AppCenter React Native-Plug-Ins. Öffnen Sie Ihre Projekteinstellungen und unter dem Reiter Allgemein im Abschnitt "Verknüpfte Frameworks und Bibliotheken", fügen Sie neue Elemente hinzu, die auf Zielbibliotheken verweisen, welche im vorherigen Schritt hinzugefügt wurden.
- libAppCenterReactNative.a
- libAppCenterReactNativeAnalytics.a
- libAppCenterReactNativeCrashes.a
Ändern Sie Header-Suchpfade, um Kopfzeilen aus den AppCenter React Native-Plug-In-Projekten zu finden. Öffnen Sie Ihre Projekteinstellungen, und fügen Sie im Abschnitt "Kopfzeilensuchpfade" unter der Registerkarte "Buildeinstellungen" neue Speicherorte für Headerdateien hinzu:

$(SRCROOT)/../node_modules/appcenter/ios/AppCenterReactNative
$(SRCROOT)/../node_modules/appcenter-analytics/ios/AppCenterReactNativeAnalytics
$(SRCROOT)/../node_modules/appcenter-crashes/ios/AppCenterReactNativeCrashes

Ändern Sie die AppDelegate.m- oder AppDelegate.mm-Datei der App so, dass Code zum Starten des SDK enthalten ist:

Fügen Sie die folgenden Importe hinzu:

#import <AppCenterReactNative/AppCenterReactNative.h>
#import <AppCenterReactNativeAnalytics/AppCenterReactNativeAnalytics.h>
#import <AppCenterReactNativeCrashes/AppCenterReactNativeCrashes.h>

Fügen Sie diese Zeilen zur Methode hinzu.application:didFinishLaunchingWithOptions:

[AppCenterReactNative register];
[AppCenterReactNativeAnalytics registerWithInitiallyEnabled:true];
[AppCenterReactNativeCrashes registerWithAutomaticProcessing];

Erstellen Sie eine neue Datei mit dem Namen AppCenter-Config.plist mit dem folgenden Inhalt, und ersetzen Sie {APP_SECRET_VALUE} durch Ihren geheimen App-Wert. Vergessen Sie nicht, diese Datei dem XCode-Projekt hinzuzufügen (klicken Sie mit der rechten Maustaste auf die App in XCode, und klicken Sie auf " Dateien zu <App-Name> hinzufügen...").
```
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "https://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
    <dict>
    <key>AppSecret</key>
    <string>{APP_SECRET_VALUE}</string>
    </dict>
</plist>
```

Hinweis

Die nächsten beiden Schritte gelten nur für apps, die React Native 0.60 und höher verwenden.

Deaktivieren Sie die automatische Verknüpfung für React Native 0.60 und höher:
- Öffnen Sie den Ordner node_modules in jedem App Center-Paket, dann react-native.config.js und setzen Sie dependency.platforms.ios auf null.
```
module.exports = {
  dependency: {
    platforms: {
      ios: null,
      ...
    }
  }
};
```
Ändern Sie Header-Suchpfade, um React Native-Header aus den React Native-Plug-In-Projekten des App Center zu finden:
- Stellen Sie sicher, dass der Project Navigator sichtbar ist (⌘+1).
- Für jedes AppCenter React Native-Plug-In-Projekt, das Sie der Gruppe "Bibliotheken" in Schritt 8 hinzugefügt haben:
  - Wählen Sie das Projekt aus, und fügen Sie unter der Registerkarte " Buildeinstellungen " im Abschnitt " Headersuchpfade " neue Speicherorte für Headerdateien mit einer recursive Option hinzu: ${SRCROOT}/../../../ios/Pods/Headers

3.4 [Nur Android] Integrieren des SDK manuell für React Native unter 0.60 ohne react-nativen Link

Integrationsschritte ohne befehl react-native link .

Öffnen Sie die Datei "android/settings.gradle ", und fügen Sie die folgenden Zeilen ein. Schließen Sie die gewünschten Abhängigkeiten in Ihr Projekt ein. Jedes SDK-Modul muss in diesem Abschnitt als separate Abhängigkeit hinzugefügt werden. Wenn Sie App Center Analytics und Crashes verwenden möchten, fügen Sie die folgenden Zeilen hinzu:

  include ':appcenter-crashes'
  project(':appcenter-crashes').projectDir = new File(rootProject.projectDir, '../node_modules/appcenter-crashes/android')
  include ':appcenter-analytics'
  project(':appcenter-analytics').projectDir = new File(rootProject.projectDir, '../node_modules/appcenter-analytics/android')
  include ':appcenter'
  project(':appcenter').projectDir = new File(rootProject.projectDir, '../node_modules/appcenter/android')

Hinweis

Aufgrund der Beendigung der jCenter-Unterstützung wurden alle unsere Assemblys in das Maven Central Repository verschoben. Bitte folgen Sie diesem Leitfaden zur Migration von jCenter nach Maven Central.

Öffnen Sie die Datei "build.gradle " (android/app/build.gradle) auf App-Ebene des Projekts, und fügen Sie die folgenden Zeilen in den Abschnitt ein dependencies :

dependencies {
    implementation project(':appcenter-crashes')
    implementation project(':appcenter-analytics')
    implementation project(':appcenter')
    ...
}

Ändern Sie die MainApplication.java-Datei der App so, dass Code zum Starten des SDK enthalten ist:

Fügen Sie diese Zeilen zum Importabschnitt hinzu.

import com.microsoft.appcenter.reactnative.crashes.AppCenterReactNativeCrashesPackage;
import com.microsoft.appcenter.reactnative.analytics.AppCenterReactNativeAnalyticsPackage;
import com.microsoft.appcenter.reactnative.appcenter.AppCenterReactNativePackage;

Hinzufügen von AppCenter-Paketen zur List<ReactPackage> getPackages() Methode

@Override
protected List<ReactPackage> getPackages() {
  return Arrays.<ReactPackage>asList(
      new MainReactPackage(),
        new AppCenterReactNativeCrashesPackage(MainApplication.this, getResources().getString(R.string.appCenterCrashes_whenToSendCrashes)),
        new AppCenterReactNativeAnalyticsPackage(MainApplication.this, getResources().getString(R.string.appCenterAnalytics_whenToEnableAnalytics)),
        new AppCenterReactNativePackage(MainApplication.this)
  );
}

Öffnen Sie die strings.xml-Datei (android/app/src/main/res/values) und fügen Sie die folgenden Zeilen innerhalb der Tags <resources></resources> hinzu:

<string name="appCenterAnalytics_whenToEnableAnalytics" moduleConfig="true" translatable="false">ALWAYS_SEND</string>
<string name="appCenterCrashes_whenToSendCrashes" moduleConfig="true" translatable="false">DO_NOT_ASK_JAVASCRIPT</string>

Erstellen Sie eine neue Datei mit dem Namen appcenter-config.json in android/app/src/main/assets/ mit dem folgenden Inhalt, und ersetzen Sie APP_SECRET_VALUE durch Ihren App-Geheimwert.
```
{
    "app_secret": "APP_SECRET_VALUE"
}
```

Warnung

Es wird nicht empfohlen, Den Geheimen App-Schlüssel in Quellcode einzubetten.

3.5 Wenn Sie die automatische Sicherung verwenden, um falsche Informationen über das Gerät zu vermeiden, führen Sie die folgenden Schritte aus:

Hinweis

Apps für Android 6.0 (API-Ebene 23) oder höher haben automatisch die automatische Sicherung aktiviert.

Hinweis

Wenn Sie bereits über eine benutzerdefinierte Datei mit Sicherungsregel verfügen, wechseln Sie zum dritten Schritt.

a) Erstellen Sie appcenter_backup_rule.xml Datei im Ordner "android/app/src/main/res/xml ".

b. Öffnen Sie die AndroidManifest.xml Datei des Projekts. Fügen Sie das android:fullBackupContent Attribut dem <application> Element hinzu. Sie sollte auf die appcenter_backup_rule.xml Ressourcendatei verweisen.

android:fullBackupContent="@xml/appcenter_backup_rule"

Abschnitt c. Fügen Sie der dateiappcenter_backup_rule.xml die folgenden Sicherungsregeln hinzu:

<full-backup-content xmlns:tools="http://schemas.android.com/tools">
    <exclude domain="sharedpref" path="AppCenter.xml"/>
    <exclude domain="database" path="com.microsoft.appcenter.persistence"/>
    <exclude domain="database" path="com.microsoft.appcenter.persistence-journal"/>
    <exclude domain="file" path="error" tools:ignore="FullBackupContent"/>
    <exclude domain="file" path="appcenter" tools:ignore="FullBackupContent"/>
</full-backup-content>

4. Starten des SDK

Jetzt können Sie Ihre Anwendung entweder über die Befehlszeile oder über Xcode/Android Studio erstellen und starten.

4.1 Erstellen und Ausführen Der Anwendung über die Befehlszeile

Sie können Ihre iOS-Anwendung mit dem folgenden Befehl erstellen und starten:

react-native run-ios

Tipp

Sie können es auf einem iOS-Simulator oder iOS-Gerät starten, indem Sie den iOS-Gerätenamen angeben.react-native run-ios --device "myDeviceName"

Sie können Ihre Android-Anwendung mit dem folgenden Befehl erstellen und starten:

react-native run-android

Tipp

Sie können es auf einem Android-Emulator oder Android-Gerät starten, indem Sie die Geräte-ID in react-native run-android --deviceId "myDeviceId" (deviceId von adb devices Befehl) angeben.

4.2 Erstellen und Ausführen Ihrer Anwendung über Xcode oder Android Studio

Öffnen Sie ios/{appname}.xcworkspace für iOS die Projekt- oder ios/{appname}.xcodeproj Datei in Xcode, und erstellen Sie von dort aus.

Hinweis

Wenn Sie App Center automatisch über react-native link (wie in Schritt 3.1) verknüpft haben, sollten Sie die Datei des ios/{appname}.xcworkspace Projekts in Xcode öffnen. Da App Center CocoaPods-Abhängigkeiten nur funktionieren xcworkspacexcodeprojund die ios/{appname}.xcodeproj Datei keine App Center CocoaPods-Abhängigkeiten verknüpft hat.

Importieren Sie für Android Ihr Android-Projekt in Android Studio, und erstellen Sie von dort aus.

Jetzt können Sie auf dem Portal die Analytics- und Crash-Daten visualisieren, die das SDK automatisch zur Verfügung stellt. Es ist keine zusätzliche Einrichtung erforderlich. Sehen Sie sich den Abschnitt "Analyse und Abstürze " für APIs Anführungszeichen und exemplarische Vorgehensweisen an, um zu erfahren, was App Center tun kann.

Freigeben über

Erste Schritte mit React Native

1. Voraussetzungen

2. Erstellen Sie Ihre App im App Center-Portal, um das App-Geheimnis zu erhalten.

3. Hinzufügen der App Center SDK-Module

3.1 Integrieren des SDK automatisch für React Native 0.60

3.1.1 Integrieren von React Native iOS

3.1.1.1 Einstellung von AppSecret Option 1: Konfigurieren AppCenter-Config.plist

3.1.1.2 Festlegen von AppSecret-Option 2: Konfigurieren im Code

3.1.2 React Native Android integrieren

3.1.2.1 Einrichten der AppSecret Option 1: Konfigurieren von appcenter-config.json

3.1.2.2 Festlegen der AppSecret-Option 2: Konfigurieren im Code

3.2 Automatische Integration des SDK für React Native-Versionen vor 0.60

3.3 [nur iOS] Integrieren des SDK manuell für React Native ohne react-nativen Link oder CocoaPods

3.4 [Nur Android] Integrieren des SDK manuell für React Native unter 0.60 ohne react-nativen Link

3.5 Wenn Sie die automatische Sicherung verwenden, um falsche Informationen über das Gerät zu vermeiden, führen Sie die folgenden Schritte aus:

4. Starten des SDK

4.1 Erstellen und Ausführen Der Anwendung über die Befehlszeile

4.2 Erstellen und Ausführen Ihrer Anwendung über Xcode oder Android Studio

Feedback

Zusätzliche Ressourcen

3.1.1.1 Einstellung von AppSecret Option 1: Konfigurieren `AppCenter-Config.plist`