React Native- Paket Kurulumu

Bu sayfa React-Native-Related-Digital SDK kurulum klavuzudur.

Visilabs entegrasyonu sırasında paket kurulumu yaptıysanız bu adımı atlayın.

Kurulum

  • SDK içerisinde ihtiyaç duyulan kütüphaneyi kurun

npm install @react-native-community/async-storage

ya da

yarn add @react-native-community/async-storage

 

  • Alttaki komutu çalıştırarak React-Native-Related-Digital SDK’sını kurun

npm install react-native-related-digital

ya da

 

  • Pod’ları yükleyin (Sadece IOS)

Alttaki komut satırlarını sırasıyla çalıştırın

 

Platform Entegrasyonları


Android

  • Bir Firebase projesi oluşturun. Size verilen Google-services.json dosyasını android/app klasörü altına kopyalayın. Örnek kullanım

  • Alttaki satırı android/build.gradle dosyanızın iki repositories bölümüne de ekleyin.

     

  • android/build.gradle dosyanızın dependencies bölümüne aşağıdaki satırları ekleyin. Örnek kullanım

     

  • minSdkVersion 17 olarak ayarlayın

     

  • android/app/build.gradle dosyanızın en altına aşağıdaki satırları ekleyin. Örnek kullanım

     

  • android/app/build.gradle dosyanızda defaultConfig bölümüne alttaki satırı ekleyin

 

  • Uygulama ön plandayken bildirim almak için AndroidManifest.xml dosyanızın applicationbölümüne aşağıdaki kodu ekleyin. Örnek kullanım

 

  • Geofence özelliğini etkinleştirmek için AndroidManifest.xml dosyanıza aşağıdaki kodu ekleyin.

     

  • Sdk’yı çalıştırmak için alttaki init kodunu MainApplication.java dosyanıza ekleyin.
    Geofence özelliğini etkin hale getirmek için Visilabs.CreateAPI fonksiyonunun son parametresini(12.) true değeri girin.

     

iOS

  • Push Notifications ve Background Modes->Remote Notifications özelliklerini etkinleştirin.



  • AppDelegate.h dosyanıza alttaki satırı ekleyin. Örnek kullanım

 

  • AppDelegate.h dosyanızdaki @interface ile başlayan satıra UNUserNotificationCenterDelegate parametresini ekleyin. Son hali alttaki gibi olmalı. Örnek kullanım

    Klasik React Native projelerinde

     

    Expo projelerinde



  • AppDelegate.m dosyanıza alttaki satırları ekleyin. Örnek kullanım

     

  • AppDelegate.m dosyanızda didFinishLaunchingWithOptions methodunun içerisindeki return ifadesinin hemen üzerine alttaki satırları ekleyin. Örnek kullanım

     

  • AppDelegate.m dosyanıza alttaki methodları ekleyin. Örnek kullanım

     

  • AppDelegate.m dosyasındaki didFinishLaunchingWithOptionsfonksiyonununun return ifadesinden hemen öncesine alttaki kodu ekleyin. 
    Not: In App ve Geofence özelliklerinin aktif olması için
    InAppNotificationsEnabled ve geofenceEnabled parametreleri true olmalıdır.

     

  • SDK Swift kodu içerdiğinden ve xcode her hedefte en az bir boş swift dosyası gerektirdiğinden projenizin ios dizinine boş bir swift dosyası ekleyin. Empty.swift

  • Görsel veya video gibi zengin içerikli push bildirim özelliklerini etkinleştirmek için alttaki adımları uygulayın.
    1- Projenize Targets altından Notification Service Extension ekleyin ve ismini RelatedDigitalNotificationService olarak değiştirin. Ardından bu hizmetin hedef iOS sürümünü 10.0 olarak değiştirin. Örnek kullanım

    2- Yeni eklenmiş olan NotificationService.m dosyasının içerisini alttakilerle değiştirin.
    Örnek kullanım


    3- Podfile dosyanızın kök seviyesine aşağıdaki satırları ekleyin. Örnek kullanım


    4- Podfile dosyanızın ana hedef bölümüne notification_service_post_install(installer) satırını ekleyin, alttaki şekilde gözükmeli. Örnek kullanım


    5- Sdk, Swift kodu içerdiğinden ve xcode her hedefte en az bir boş swift dosyası gerektirdiğinden, RelatedDigitalNotificationService hedefinize de boş bir swift dosyası ekleyin. Empty.swift

    6- Projenizin ios dizininde pod install komutunu çalıştırın.

  • Carousel push bildirim için
    1- Projenize Targets altından Notification Content Extension ekleyin ve ismini RelatedDigitalNotificationContent olarak değiştirin. Ardından bu hizmetin hedef iOS sürümünü 10.0 olarak değiştirin. Info.plist dışında RelatedDigitalNotificationContent altına yeni eklenen dosyaları kaldırın. Ardından aşağıdaki içeriğe sahip EMNotificationViewController.swift dosyasını ekleyin.


    2- Yeni eklenen RelatedDigitalNotificationContent/Info.plist dosyanıza alttaki satırları ekleyin, eğer varsa değiştirin.


    3- Podfile dosyanızın kök seviyesine alttaki satırları ekleyin.


    4- Projenizin ios dizininde pod install komutunu çalıştırın.

  • Geofence konum hizmetleri tanımlamaları
    Uygulamanızda konum hizmetlerini etkinleştirmek için öncelikle aşağıdaki anahtarları Info.plist dosyanıza eklemeniz gerekir.

    - NSLocationAlwaysAndWhenInUseUsageDescription
    - NSLocationWhenInUseUsageDescriptio

    Bu izinlerin örnek uygulaması aşağıdaki gibidir:


    Ayrıca bölgeleri izlemek, bölge listesini yenilemek ve push bildirimlerini almak için Info.plist dosyanızda UIBackgroundModes altına aşağıdaki anahtarları eklemeniz gerekir.

 

Copyright 2020 Related Digital