Wprowadzenie do React Native

Artykuł
03/15/2024

Ważne

Program Visual Studio App Center ma zostać wycofany 31 marca 2025 r. Mimo że możesz nadal używać programu Visual Studio App Center do momentu jej pełnego wycofania, istnieje kilka zalecanych alternatyw, do których można rozważyć migrację.

Dowiedz się więcej o osiach czasu pomocy technicznej i alternatywach.

Zestaw SDK centrum aplikacji korzysta z architektury modułowej, aby można było używać dowolnych lub wszystkich usług.

Zacznijmy od konfigurowania zestawu APP Center React Native SDK w aplikacji w celu korzystania z usługi App Center Analytics i Awarii centrum aplikacji.

1. Wymagania wstępne

Przed rozpoczęciem upewnij się, że zostały spełnione następujące wymagania wstępne:

Używasz projektu React Native z systemem React Native 0.34 lub nowszym.
Dotyczysz urządzeń z systemem Android w wersji 5.0/interfejsu API na poziomie 21 lub nowszym lub iOS w wersji 9.0 lub nowszej.
Nie używasz żadnej innej biblioteki, która zapewnia funkcję raportowania awarii w systemie iOS.
W przypadku systemu iOS domyślny sposób korzystania z zestawu SDK wymaga cocoaPods. (Jeśli nie zainstalowano platformy CocoaPods, postępuj zgodnie z Wprowadzenie CocoaPods, aby to zrobić). Niemniej jednak można ręcznie połączyć zestaw SDK.

2. Utwórz aplikację w portalu Centrum aplikacji, aby uzyskać wpis tajny aplikacji

Jeśli aplikacja została już utworzona w portalu Centrum aplikacji, możesz pominąć ten krok.

Przejdź do appcenter.ms.
Zarejestruj się lub zaloguj się i naciśnij niebieski przycisk w prawym górnym rogu portalu z komunikatem Dodaj nową i wybierz pozycję Dodaj nową aplikację z menu rozwijanego.
Wprowadź nazwę i opcjonalny opis aplikacji.
Wybierz odpowiedni system operacyjny (Android lub iOS) i wybierz pozycję React Native jako platformę.
Naciśnij przycisk w prawym dolnym rogu, który wskazuje polecenie Dodaj nową aplikację.

Po utworzeniu aplikacji możesz uzyskać jej wpis tajny aplikacji na stronie Ustawienia w portalu Centrum aplikacji. W prawym górnym rogu strony Ustawienia kliknij potrójne kropki pionowe i wybierz, Copy app secret aby uzyskać wpis tajny aplikacji.

3. Dodawanie modułów zestawu SDK centrum aplikacji

Domyślna integracja zestawu SDK używa platformy CocoaPods dla systemu iOS. Jeśli nie używasz aplikacji CocoaPods, musisz ręcznie zintegrować zestaw SDK React Native dla aplikacji systemu iOS.

Otwórz terminal i przejdź do katalogu głównego projektu React Native, a następnie wprowadź następujący wiersz, aby dodać usługę App Center Analytics i Crash do aplikacji:

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

Jeśli wolisz korzystać yarnnpmz programu , użyj następującego polecenia, aby zainstalować centrum aplikacji:

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

Zestaw SDK centrum aplikacji korzysta z modułowego podejścia, w którym wystarczy dodać moduły dla usług App Center, których chcesz użyć. Analiza centrum aplikacji i awarie centrum aplikacji mają sens, aby dodać do prawie każdej aplikacji, ponieważ zapewniają one wartość bez konieczności dodatkowej konfiguracji. Centrum aplikacji udostępnia interfejsy API centrum aplikacji ogólnego przeznaczenia, przydatne w przypadku wielu usług.

3.1 Automatyczne integrowanie zestawu SDK dla React Native 0.60

Korzystanie z zestawu SDK usługi App Center z React Native można wykonać na dwa sposoby: konfigurowanie AppCenter-Config.plist zestawu SDK dla systemu iOS i appcenter-config.json dla systemu Android lub wywoływanie natywnych funkcji startowych, które akceptują funkcję appSecret jako argument.

3.1.1 Integracja React Native z systemem iOS

Uruchom pod install --repo-update polecenie z katalogu systemu iOS, aby zainstalować zależności CocoaPods.

3.1.1.1 Ustawienie opcji AppSecret 1: Konfigurowanie `AppCenter-Config.plist`

Utwórz nowy plik o nazwie AppCenter-Config.plist z następującą zawartością i zastąp ciąg {APP_SECRET_VALUE} wartością wpisu tajnego aplikacji. Nie zapomnij dodać tego pliku do projektu Xcode (kliknij prawym przyciskiem myszy aplikację w programie Xcode i kliknij polecenie Dodaj pliki do <nazwy AppName>...).
```
<?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>
```

Zmodyfikuj plik AppDelegate.m lub AppDelegate.mm aplikacji, aby dołączyć kod do uruchamiania zestawu SDK.

Dodaj następujące importy:

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

Dodaj następujące wiersze do application:didFinishLaunchingWithOptions: metody:

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

3.1.1.2 Ustawianie opcji AppSecret 2: Konfigurowanie w kodzie

Zmodyfikuj plik AppDelegate.m lub AppDelegate.mm aplikacji, aby dołączyć kod do uruchamiania zestawu SDK.

Dodaj następujące importy:

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

Dodaj następujące wiersze do application:didFinishLaunchingWithOptions: metody:

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

3.1.2 Integracja React Native Android

Zmodyfikuj res/values/strings.xml aplikacji, aby uwzględnić następujące wiersze:

<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 Ustawienie opcji AppSecret 1: Konfigurowanie appcenter-config.json

Utwórz nowy plik o nazwie appcenter-config.json w android/app/src/main/assets/ pliku z następującą zawartością i zastąp ciąg {APP_SECRET_VALUE} wartością wpisu tajnego aplikacji.

{
    "app_secret": "{APP_SECRET_VALUE}"
}

Uwaga: Jeśli folder o nazwie assets nie istnieje, powinien zostać utworzony w obszarze "project_root/android/app/src/main/assets".

3.1.2.2 Ustawianie opcji AppSecret 2: Konfigurowanie w kodzie

Dodaj następujący wiersz wewnątrz głównej klasy działań aplikacji w obszarzeUtwórz wywołanie zwrotne, aby użyć usługi App Center Analytics i Awarii centrum aplikacji:

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

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

3.2 Automatycznie integruj zestaw SDK dla React Native niższy niż 0,60

Uwaga

Jeśli masz moduły React połączone przy użyciu ścieżki względnej wewnątrz pliku Podfile, ale nie odwołujesz się do niego w projekcie, skrypt łączenia zakończy się niepowodzeniem, ponieważ łączy centrum aplikacji przy użyciu statycznych wersji zasobników. Jeśli skrypt łączenia został już uruchomiony, musisz wykonać kroki z sekcji rozwiązywania problemów z React Native lub połączyć go samodzielnie

Połącz wtyczki z aplikacją React Native przy użyciu polecenia react-native link.
```
react-native link appcenter
react-native link appcenter-analytics
react-native link appcenter-crashes
```
W przypadku systemu iOS spróbuje pobrać zestaw SDK centrum aplikacji dla systemów iOS i macOS z platformy CocoaPods, jeśli zostanie wyświetlony następujący błąd:
```
Added code to initialize iOS App Center SDK in ios/reactnativesample/AppDelegate.m
Analyzing dependencies [!] Unable to find a specification for AppCenterReactNativeShared (~> {version}) 
```
Uruchom następujące polecenie:
```
pod repo update
```
A następnie spróbuj ponownie uruchomić polecenie react-native link.

Uwaga

Zestaw SDK centrum aplikacji nie konfiguruje makiety automatycznie dla modułów usługi App Center podczas procesu łączenia. Jeśli używasz platformy testowej Jest w aplikacji i występują błędy spowodowane przez zestaw SDK centrum aplikacji podczas uruchamiania testów w środowisku Jest, dodaj następujące informacje do sekcji jest pliku package.json (obejmują tylko moduły używane):
```
"setupFiles": [
   "<rootDir>/node_modules/appcenter/test/AppCenterMock.js",
   "<rootDir>/node_modules/appcenter-analytics/test/AppCenterAnalyticsMock.js",
   "<rootDir>/node_modules/appcenter-crashes/test/AppCenterCrashesMock.js",
]
```
Uwaga

Niezależnie od tego, czy przetwarzanie awarii jest automatyczne, czy wyzwalane przez metody języka JavaScript, awarie są zawsze przetwarzane po ponownym uruchomieniu aplikacji. Awarie nie mogą być przetwarzane w momencie awarii aplikacji.
Zmodyfikuj wartości zastępcze projektu android/app/src/main/assets/appcenter-config.json i zastąp wartość symbolu YOUR_APP_SECRET zastępczego wpisem tajnym aplikacji w programie App Center.
Zmodyfikuj plik projektu ios/{YourAppName}/AppCenter-Config.plist i zastąp wartość symbolu zastępczego YOUR_APP_SECRET wpisem tajnym aplikacji projektu App Center. Jeśli aplikacja AppCenter-Config.plist już istnieje, ale nie jest częścią projektu Xcode, musisz dodać ją ręcznie do projektu Xcode (kliknij prawym przyciskiem myszy aplikację w programie XCode i kliknij przycisk Dodaj pliki do <nazwy> aplikacji...).

3.3 [tylko system iOS] Ręczne integrowanie zestawu SDK dla React Native bez linku natywnego react lub CocoaPods

Wykonaj tę integrację, jeśli nie chcesz używać cocoaPods. Zdecydowanie zalecamy zintegrowanie zestawu SDK za pośrednictwem platformy CocoaPods zgodnie z powyższym opisem. Niemniej jednak można również ręcznie zintegrować natywny zestaw SDK systemu iOS.

Uwaga

Najnowszy zestaw SDK usługi App Center React Native nie musi zależeć od najnowszego zestawu SDK centrum aplikacji dla systemu iOS, ponieważ zestaw SDK systemu iOS został zaktualizowany i wydany przed React Native.

W związku z tym musisz wiedzieć, od której wersji zestawu SDK systemu iOS zależy zestaw SDK React Native.

Pobierz zestaw SDK centrum aplikacji dla platform React Native dostarczonych jako plik zip i rozpakuj go.
Zostanie wyświetlony folder o nazwie AppCenterReactNativeShared zawierający jedną strukturę wymaganą React Native mostek systemu iOS.
Pobierz odpowiedni zestaw SDK centrum aplikacji dla platform systemu iOS udostępniony jako plik zip i rozpakuj go.
Zobaczysz folder o nazwie AppCenter-SDK-Apple/iOS zawierający różne struktury dla każdej usługi App Center. Struktura o nazwie AppCenter jest wymagana w projekcie, ponieważ zawiera kod współużytkowany między różnymi modułami.
[Opcjonalnie] Utwórz podkatalog dla bibliotek innych firm.
- Najlepszym rozwiązaniem jest to, że biblioteki innych firm zwykle znajdują się w podkatalogu (jest to często nazywane dostawcą), więc jeśli projekt nie jest zorganizowany z podkatalogem dla bibliotek, utwórz podkatalog Vendor teraz (w katalogu ios projektu).
- Utwórz grupę o nazwie Vendor wewnątrz projektu Xcode, aby naśladować strukturę plików na dysku.
Otwórz program Finder i skopiuj wcześniej rozpakowane foldery AppCenter-SDK-Apple/iOS/iOSReactNativeShared do folderu projektu w lokalizacji, w której ma się znajdować.
Dodaj struktury zestawu SDK do projektu w środowisku Xcode:
- Upewnij się, że nawigator projektu jest widoczny ((*)+1).
- Przeciągnij i upuść pliki AppCenter.framework, AppCenterAnalytics.framework, AppCenterCrashes.framework i AppCenterReactNativeShared.framework z narzędzia Finder (w lokalizacji z poprzedniego kroku) do narzędzia Xcode Project Navigator. Pliki AppCenter.framework i AppCenterReactNativeShared.framework są wymagane do uruchomienia zestawu SDK, upewnij się, że zostały dodane do projektu, w przeciwnym razie inne moduły nie będą działać, a aplikacja nie będzie kompilowana.
- Zostanie wyświetlone okno dialogowe, upewnij się, że element docelowy aplikacji jest zaznaczony, a następnie kliknij przycisk Zakończ.
Połącz projekty wtyczki React Native AppCenter z projektem aplikacji:
- Upewnij się, że nawigator projektu jest widoczny ((*)+1).
- Dla każdej wtyczki AppCenter React Native przejdź do folderu zawierającego kod źródłowy. Ścieżki będą odpowiednio
  - /node_modules/appcenter/ios
  - /node_modules/appcenter-analytics/ios
  - /node_modules/appcenter-crashes/ios
- Przeciągnij i upuść .xcodeproj pliki z narzędzia Finder do nawigatora projektu Xcode. Zazwyczaj w obszarze Grupy biblioteki .
Łączenie bibliotek dla wtyczek React Native AppCenter. Otwórz ustawienia projektu i na karcie Ogólne w sekcji Połączone struktury i biblioteki dodaj nowe elementy odwołujące się do bibliotek docelowych dodanych w poprzednim kroku:
- libAppCenterReactNative.a
- libAppCenterReactNativeAnalytics.a
- libAppCenterReactNativeCrashes.a
Zmodyfikuj ścieżki wyszukiwania nagłówków, aby znaleźć nagłówki z projektów wtyczek React Native AppCenter. Otwórz ustawienia projektu i na karcie Ustawienia kompilacji w sekcji Ścieżki wyszukiwania nagłówków dodaj nowe lokalizacje dla plików nagłówków:

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

Zmodyfikuj plik AppDelegate.m lub AppDelegate.mm aplikacji, aby dołączyć kod do uruchamiania zestawu SDK:

Dodaj następujące importy:

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

Dodaj te wiersze do application:didFinishLaunchingWithOptions: metody

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

Utwórz nowy plik o nazwie AppCenter-Config.plist z następującą zawartością i zastąp ciąg {APP_SECRET_VALUE} wartością wpisu tajnego aplikacji. Nie zapomnij dodać tego pliku do projektu XCode (kliknij prawym przyciskiem myszy aplikację w programie XCode i kliknij przycisk Dodaj pliki do <nazwy> aplikacji...).
```
<?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>
```

Uwaga

Następne dwa kroki dotyczą tylko aplikacji korzystających z React Native 0,60 i nowszych.

Wyłącz automatyczne łączenie dla React Native 0,60 i nowszych:
- W folderze node_modules w każdym pakiecie usługi App Center otwórz react-native.config.js i ustaw wartość dependency.platforms.iosnull:
```
module.exports = {
  dependency: {
    platforms: {
      ios: null,
      ...
    }
  }
};
```
Zmodyfikuj ścieżki wyszukiwania nagłówków, aby znaleźć nagłówki React Native z projektów wtyczki usługi App Center React Native:
- Upewnij się, że nawigator projektu jest widoczny ((*)+1).
- Dla każdego projektu wtyczek React Native AppCenter dodanych do grupy Biblioteki w kroku 8:
  - Wybierz projekt i na karcie Ustawienia kompilacji w sekcji Ścieżki wyszukiwania nagłówków dodaj nowe lokalizacje dla plików nagłówków z opcją recursive : ${SRCROOT}/../../../ios/Pods/Headers

3.4 [Tylko system Android] Ręczne integrowanie zestawu SDK dla React Native niższej niż 0,60 bez linku natywnego react

Kroki integracji bez react-native link polecenia .

Otwórz plik android/settings.gradle i wstaw następujące wiersze. Uwzględnij zależności, które chcesz umieścić w projekcie. Każdy moduł SDK musi zostać dodany jako osobna zależność w tej sekcji. Jeśli chcesz użyć usługi App Center Analytics and Crash, dodaj następujące wiersze:

  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')

Uwaga

Z powodu zakończenia obsługi programu jCenter wszystkie nasze zestawy zostały przeniesione do repozytorium Maven Central. Postępuj zgodnie z tym przewodnikiem dotyczącym migracji z programu jCenter do usługi Maven Central.

Otwórz plik build.gradle na poziomie aplikacji projektu (android/app/build.gradle) i dodaj następujące wiersze do dependencies sekcji:

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

Zmodyfikuj plik MainApplication.java aplikacji, aby uwzględnić kod do uruchamiania zestawu SDK:

Dodaj te wiersze do sekcji importu

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

Dodawanie pakietów AppCenter do List<ReactPackage> getPackages() metody

@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)
  );
}

Otwórz plikstrings.xml (android/app/src/main/res/values) i dodaj następujące wiersze wewnątrz <resources></resources> tagów:

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

Utwórz nowy plik o nazwie appcenter-config.json w android/app/src/main/assets/ pliku z następującą zawartością i zastąp ciąg APP_SECRET_VALUE wartością wpisu tajnego aplikacji.
```
{
    "app_secret": "APP_SECRET_VALUE"
}
```

Ostrzeżenie

Nie zaleca się osadzania wpisu tajnego aplikacji w kodzie źródłowym.

3.5 Jeśli używasz automatycznej kopii zapasowej, aby uniknąć pobierania nieprawidłowych informacji o urządzeniu, wykonaj następujące kroki:

Uwaga

Aplikacje przeznaczone dla systemu Android 6.0 (poziom 23 interfejsu API) lub nowsze mają automatycznie włączoną automatyczną kopię zapasową.

Uwaga

Jeśli masz już plik niestandardowy z regułą tworzenia kopii zapasowej, przejdź do trzeciego kroku.

a. Utwórz plikappcenter_backup_rule.xml w folderze android/app/src/main/res/xml .

b. Otwórz plik AndroidManifest.xml projektu. android:fullBackupContent Dodaj atrybut do <application> elementu. Powinien wskazywać appcenter_backup_rule.xml plik zasobu.

android:fullBackupContent="@xml/appcenter_backup_rule"

c. Dodaj następujące reguły kopii zapasowej do pliku appcenter_backup_rule.xml :

<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. Uruchamianie zestawu SDK

Teraz możesz skompilować i uruchomić aplikację z poziomu wiersza polecenia lub programu Xcode/Android Studio.

4.1 Skompiluj i uruchom aplikację z poziomu wiersza polecenia

Aplikację systemu iOS można skompilować i uruchomić za pomocą następującego polecenia:

react-native run-ios

Porada

Można go uruchomić na symulatorze systemu iOS lub urządzeniu z systemem iOS , określając nazwę urządzenia z systemem iOS w pliku react-native run-ios --device "myDeviceName".

Możesz skompilować i uruchomić aplikację systemu Android za pomocą następującego polecenia:

react-native run-android

Porada

Można go uruchomić na emulatorze systemu Android lub urządzeniu z systemem Android, określając identyfikator urządzenia w pliku react-native run-android --deviceId "myDeviceId" (deviceId z adb devices polecenia ).

4.2 Kompilowanie i uruchamianie aplikacji z poziomu programu Xcode lub Android Studio

W przypadku systemu iOS otwórz plik lub ios/{appname}.xcodeproj projekt ios/{appname}.xcworkspace w środowisku Xcode i skompiluj go stamtąd.

Uwaga

Jeśli centrum aplikacji jest połączone automatycznie za pośrednictwem react-native link programu (tak jak w kroku 3.1), należy otworzyć plik projektu ios/{appname}.xcworkspace w programie Xcode. Ponieważ zależności CocoaPods w usłudze App Center działają tylko z elementem xcworkspace , xcodeproja ios/{appname}.xcodeproj plik nie będzie miał połączonych zależności CocoaPods centrum aplikacji.

W przypadku systemu Android zaimportuj projekt systemu Android w programie Android Studio i skompiluj go stamtąd.

Wszystko jest ustawione na wizualizowanie danych analizy i awarii w portalu, które zestaw SDK zbiera automatycznie. Nie jest wymagana żadna dodatkowa konfiguracja. Zapoznaj się z sekcją Analiza i awarie , aby zapoznać się z przewodnikami dotyczącymi interfejsów API i przewodnikami, aby dowiedzieć się, co centrum aplikacji może zrobić.

Udostępnij za pośrednictwem

Wprowadzenie do React Native

1. Wymagania wstępne

2. Utwórz aplikację w portalu Centrum aplikacji, aby uzyskać wpis tajny aplikacji

3. Dodawanie modułów zestawu SDK centrum aplikacji

3.1 Automatyczne integrowanie zestawu SDK dla React Native 0.60

3.1.1 Integracja React Native z systemem iOS

3.1.1.1 Ustawienie opcji AppSecret 1: Konfigurowanie `AppCenter-Config.plist`

3.1.1.2 Ustawianie opcji AppSecret 2: Konfigurowanie w kodzie

3.1.2 Integracja React Native Android

3.1.2.1 Ustawienie opcji AppSecret 1: Konfigurowanie appcenter-config.json

3.1.2.2 Ustawianie opcji AppSecret 2: Konfigurowanie w kodzie

3.2 Automatycznie integruj zestaw SDK dla React Native niższy niż 0,60

3.3 [tylko system iOS] Ręczne integrowanie zestawu SDK dla React Native bez linku natywnego react lub CocoaPods

3.4 [Tylko system Android] Ręczne integrowanie zestawu SDK dla React Native niższej niż 0,60 bez linku natywnego react

3.5 Jeśli używasz automatycznej kopii zapasowej, aby uniknąć pobierania nieprawidłowych informacji o urządzeniu, wykonaj następujące kroki:

4. Uruchamianie zestawu SDK

4.1 Skompiluj i uruchom aplikację z poziomu wiersza polecenia

4.2 Kompilowanie i uruchamianie aplikacji z poziomu programu Xcode lub Android Studio

Dodatkowe zasoby

Udostępnij za pośrednictwem

Wprowadzenie do React Native

1. Wymagania wstępne

2. Utwórz aplikację w portalu Centrum aplikacji, aby uzyskać wpis tajny aplikacji

3. Dodawanie modułów zestawu SDK centrum aplikacji

3.1 Automatyczne integrowanie zestawu SDK dla React Native 0.60

3.1.1 Integracja React Native z systemem iOS

3.1.1.1 Ustawienie opcji AppSecret 1: Konfigurowanie AppCenter-Config.plist

3.1.1.2 Ustawianie opcji AppSecret 2: Konfigurowanie w kodzie

3.1.2 Integracja React Native Android

3.1.2.1 Ustawienie opcji AppSecret 1: Konfigurowanie appcenter-config.json

3.1.2.2 Ustawianie opcji AppSecret 2: Konfigurowanie w kodzie

3.2 Automatycznie integruj zestaw SDK dla React Native niższy niż 0,60

3.3 [tylko system iOS] Ręczne integrowanie zestawu SDK dla React Native bez linku natywnego react lub CocoaPods

3.4 [Tylko system Android] Ręczne integrowanie zestawu SDK dla React Native niższej niż 0,60 bez linku natywnego react

3.5 Jeśli używasz automatycznej kopii zapasowej, aby uniknąć pobierania nieprawidłowych informacji o urządzeniu, wykonaj następujące kroki:

4. Uruchamianie zestawu SDK

4.1 Skompiluj i uruchom aplikację z poziomu wiersza polecenia

4.2 Kompilowanie i uruchamianie aplikacji z poziomu programu Xcode lub Android Studio

Dodatkowe zasoby

3.1.1.1 Ustawienie opcji AppSecret 1: Konfigurowanie `AppCenter-Config.plist`