Ubuntu Üzerine React Native Kurulumu

[Limonata]

Allah'ın Selamı Hepimizin Üzerine Olsun.

Bu konuda React Native Ubuntu üzerine nasıl kurulur onu anlatacağım. Direk anlatıma başlayayım.

İLK NOT: Android geliştirmek için Android SDK'yı sisteminize kurmanız gerekmektedir.

1- İlk olarak şu sitede anlatıldığı gibi React Native için gerekli olan Nodejs yazılımını kuralım: https://nodejs.org/en/download/package-manager/#debian-and-ubuntu-based-linux-distributions. Burada şu kodları terminale yazarsak kurulum gerçekleşiyor:

Kod Seç Genişlet


curl -sL https://deb.nodesource.com/setup_4.x | sudo -E bash -
sudo apt-get install -y nodejs

Ardından şu komut ile de gerekli npm paketini kuralım:

Kod Seç Genişlet

sudo apt-get install npm

2- Ardından React Native kurulumuna geçmek için şu komutu terminale yazalım:

Kod Seç Genişlet

npm install -g react-native-cli
Bu adımla artık React Native başarılı bir şekilde kurulmuş olmalı.

3- Ardından Proje oluşturmak için şu komutu yazalım:

Kod Seç Genişlet

react-native init ProjeAdı

4- Projemizi çalıştırmak için şu komutları terminale yazalım:

Kod Seç Genişlet


cd ProjeAdı
react-native run-android


*** NOT: ***
Eğer projemizi cihazda veya emülatörde çalıştırmaya çalıştığımızda hatalar alıyorsak şunları yapmalıyız (ki bende her denediğim Ubuntu sürümünde ve Windows'da bu hatalar çıktı):

Aşağıdaki adımları sırasıyla uygulayalım:

1- ProjeAdı -> android -> app  -> build.gradle dosyasını bir metin düzenleyici ile açalım ve şu şekilde değiştirelim: buildToolsVersion "23.0.1" bölümünde 23.0.1 kısmını sizde kurulu olan SDK API'si kaç ise onu yazın. Misal bende kurulu SDK 23.0.3 ve ben burayı şu şekilde değiştirdim: buildToolsVersion "23.0.3".

2- şu komutu terminale yazalım:

Kod Seç Genişlet


cd ProjeYolu/android
echo sdk.dir = /Sdk/Dizininini/Yolu>local.properties

Yani burada ProjeYolu/android klasörüne local.properties adlı bir dosya açıp içerisine sdk.dir = /Sdk/Yolu diyerek Android SDK'nın sistemimizde kurulu olduğu yolu yazdık.

3- Öncelikle şu komut ile assets klasörünü oluşturalım:

Kod Seç Genişlet

mkdir ProjeYolu/android/app/src/main/assets

Daha sonra şu komutu terminale yazalım:

Kod Seç Genişlet

curl "http://localhost:8081/index.android.bundle?platform=android" -o "android/app/src/main/assets/index.android.bundle"

Projemizi tekrardan şu komut ile çalıştıralım:

Kod Seç Genişlet


cd ProjeYolu/
react-native run-android


Tüm adımlar bu şekilde. Bu adımları hem Linux hem de Windows üzerinde deneyebilirsiniz. React Native'i Linux veya Windows üzerinde kullanmak isteyenler bu şekilde kullanabilirler.

Allah'a Emanet Olun.

[if]

Aleykümselam @Limonata. Teşekkür ederim anlatım için. Ubuntu üzerinde uygulama geliştirme ve port etme işlemlerini artıracaktır inşallah React Native'in desteklenmesi. Bu konuda daha fazla paylaşımlarınızı görmek dileğiyle.

[osmananilozcan]

Android Studio kurulu ve çalışır durumda.
Bu komutu yazınca

Kod Seç Genişlet

react-native init ProjeAdı
Bu hatayı alıyorum.

Kod Seç Genişlet

react-native: komut bulunamadı
Nasıl bir yol izlemeliyim acaba?

[Limonata]

Android Studio kurulu ve çalışır durumda.
Bu komutu yazınca

Kod Seç Genişlet

react-native init ProjeAdı
Bu hatayı alıyorum.

Kod Seç Genişlet

react-native: komut bulunamadı
Nasıl bir yol izlemeliyim acaba?

Selamün Aleyküm;
npm ile react-native kurulumunu yaptınız mı? Terminalden react native çıktısı nedir?

[osmananilozcan]

Baya bir şey denedim ve buraya kadar getirdim. Fakat burada çakıldım kaldım.
Ek olarak dediğiniz gibi npm kurulumunu yaptım, node.js ve genymotion kurdum ama ekteki hatayı alıyorum.
[Ek 1]

Telefonum bilgisayara bağlı, hata ayıklaması açık ek olarak ayarlardan da şunu yazdım:
[Ek 2]

[eklenti yönetici tarafından silindi]

[Limonata]

[mention=624210]@osmananilozcan[/mention]

Bu hatayı yukarıdaki anlatımımda açıkladım: ***NOT*** bölümünü okuyun, hata düzelebilir.

[osmananilozcan]

Bağlantı reddedildi hatası alıyorum son adımda.
[Ekte sol alttaki terminal ekranı]

[eklenti yönetici tarafından silindi]

[Limonata]

[mention=624213]@osmananilozcan[/mention]

Kod Seç Genişlet

cd ProjeYolu/
diyerek proje dizinine gittin mi? Proje dizininde değilsin.

[osmananilozcan]

Bu proje yolu yazanları react-native için mi android studio için mi uyguluyorum?

[Limonata]

Ben de şimdi farkettim. Sen projeyi Android Studio'da mı oluşturdun? Yoksa React native ile mi? Eğer React Native ile ise neden AndroidProjects dizinindesin?

[osmananilozcan]

Android projesi konumum:

Kod Seç Genişlet

/home/osman/AndroidStudioProjects/MyApplication

Android SDK'nın kurulu olduğu konum:

Kod Seç Genişlet

/home/osman/Android/Sdk

React-native projesinin adı
Ornekkk

Ben beceremiyorum ne yapmam gerek anlatabilir misiniz. Yukardakini denedim fakat beceremiyorum


Mesaj tekrarı yüzünden mesajınız birleştirildi. Bu mesajın gönderim tarihi : 28 Nisan 2017 - 23:45:53

Ben de şimdi farkettim. Sen projeyi Android Studio'da mı oluşturdun? Yoksa React native ile mi? Eğer React Native ile ise neden AndroidProjects dizinindesin?

Anlamıyorum ki Yeniyim Linux'ta. Bir şey beceremeyince heves kalmıyor :/

[Limonata]

[mention=624218]@osmananilozcan[/mention]
Sen React Native projesi mi yapmak istiyorsun yoksa Android Studio projesi mi?
Bu konudaki tüm talimatlar sadece React native projeleri içindir. Bu yüzden cd Ornekkk diyerek React proejsi dizinine gidin ve ***NOT:*** bölümünü orada uygulayın.

[osmananilozcan]

React-native projesi oluşturmak istiyorum. Son adım olarak şuraya geldim:

Kod Seç Genişlet

curl "http://localhost:8081/index.android.bundle?platform=android" -o "android/app/src/main/assets/index.android.bundle"

Bunu yazdığım zaman "rl: (7) Failed to connect to localhost port 8081: Bağlantı reddedildi" diyor.
Boş terminale yazıyorum yine aynı cd Ornekkk içinde yazıyorum yine aynı ve sudo ile de yazıyorum yine aynı.

[Limonata]

[mention=624220]@osmananilozcan[/mention]
Bak öncelikle -o parametresinden sonrasına baktığında bir dizin gösteriliyor. İşte bu dizin android/app/src/main/assets/index.android.bundle dizini. Peki bu android klasörü nerede? İşte o da Ornekkk adlı klasörün içinde. Bir kontrol et bakalım, Ornekkk dizini içinde android klasörü var mı yok mu? Varsa cd Ornekkk diyerek içine git ve o komutu o zaman çalıştır.

[osmananilozcan]

Kırıcam artık bilgisayarı yaa 

[eklenti yönetici tarafından silindi]

[Limonata]

Şu komutu proje dizininde iken çalıştırıp sonra da tekrar CURL komutu çalıştırır mısın?

Kod Seç Genişlet

react-native start

[osmananilozcan]

Yazdığınızdan beri bekliyorum ekran böylece duruyor.


[eklenti yönetici tarafından silindi]

[Limonata]

Tamam şimdi yeni bir terminal aç ve cd Ornekkk diyerek git ve CURL komutunu çalıştır.

[osmananilozcan]

Ne demek istiyor burada anlayamadım?


Mesaj tekrarı yüzünden mesajınız birleştirildi. Bu mesajın gönderim tarihi : 29 Nisan 2017 - 11:26:04
Java'yı yükledim, android studio'dan sonrada telefonu bağlayarak çalıştırdım ikisinde de çalıştı. Yardımların için çok çok teşekkür eder iyi günler dilerim.

[eklenti yönetici tarafından silindi]