React Native Entegrasyonu

İçindekiler


Önsöz


WebInStats sisteminin react native uygulamalarınızda çalışması için bu sayfadaki adımları takip etmeniz gereklidir. Yapılacak işlemler aşağıda belirtilmiştir.

package.json dosyanızda her zaman react-native’in en güncel sürümünü kullanmanızı tavsiye ediyoruz.

Projenizin olduğu klasöre gidip react-native-react-wis modülünü yükleyin.


cd YourProjectDirectory
npm install
npm install react-native-react-wis --save

Android ve iOS projelerinize entegrasyon için aşağıdaki adımları izleyin.

Projenizin olduğu klasöre gidip aşağıdaki kod satırını çalıştırın.


cd YourProjectDirectory
react-native link react-native-react-wis

iOS Entegrasyonu

Uygulamada Libraries/ReactWis.xcodeproj’a sağ tıklayıp dosyanın olduğu konumu açın.

Screen Shot 2019-09-10 at 05.51.06

iOS_wis.framework dosyasını General tab’ındaki Embedded Binaries bölümünü sürükleyin.

Screen Shot 2019-09-10 at 05.54.18

Aşağıdaki dosya yolunu Build Settings –> Framework Search Path kısmına ekleyin.
$(PROJECT_DIR)/../node_modules/react-native-react-wis/ios/Frameworks

Not : Eğer React Native versiyonunuz 0.60.* ise PodFile’a aşağıdaki satırı eklemelisiniz.


s.dependency 'iOS_wis'

iOS Push Notification

iOS projenizde push bildirimlerini etkinleştirmek için Webinstats Entegrasyon dökümanını takip edin .

Android Entegrasyonu

App seviyesindeki build.gradle dosyanızı aşağıdaki script’i ekleyerek güncelleyin.


dependencies {
implementation 'webinstats.android_wis:android_wis:1.52.+'
}

Android Push Notification

Android projenizde push bildirimlerini etkinleştirmek için Webinstats Entegrasyon dökümanını takip edin .

Kodların React Native’e Eklenmesi

Tüm javascript dosyalarınıza ReactWis modülünü aşağıdaki gibi ekleyin.


import ReactWis from 'react-native-react-wis';

Tüm Sayfa geçişlerinizde aşağıdaki kod bloğunu çağırın.


var map = {"s":"__YOUR_COMPANY_ID___",
"_cburl":"//__YOUR_SUBDOMAIN__.webinstats.com/",
"p":"__THE_PAGENAME_USER_CURRENTLY_VISIT__",
"cuid":"__CUSTOMER_ID__", // LEAVE THIS EMPTY IF USER IS NOT LOGGEDIN
// TWO PARAMETERS BELOW SHOULD BE ON THE PURCHASE PAGE 
"trid":"__UNIQUE_TRANSACTION_ID__", // LEAVE THIS EMPTY IF IT'S NOT PURCHASE PAGE
"am":"__TRANSACTION_AMOUNT__"} // LEAVE THIS EMPTY IF IT'S NOT PURCHASE PAGE
ReactWis.execute(map);