PhoneGap ve Android Studio IDE (Başlangıç)

Kitabyte için mobil uygulama geliştirmeyi bu hafta yapmak istiyorum ancak dünden beri zorlandığım bir konu var, PhoneGap’ın projesini Android Studio ile açamadım!

PhoneGap’a Gradle ile konfigurasyon eklemişler ve kütüphanelerini kendi derliyor vs. Bunlar Android Studio ile açarken sıkıntı doğurdu.

PhoneGap’ın kendi anlatımında da Eclipse gösterilmiş, haliyle o da işe yaramıyor çünkü farklılıklar var.

 

 

Sistem: Ubuntu 14.04 LTS 64-bit

Android Studio şuradan indirilir.

PhoneGap şöyle kurulur.

Kurulumları geçtim, konu o değil.

Sistem değişkenlerine 2 tane eklemek gerek:

export ANDROID_HOME=/home/merter/android-sdk-linux
export PATH=${PATH}:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools
komut satırı

Komut satırı ve çıktıları

burada yazan /home/merter/android-sdk-linux yerine kendi SDK klasörünüzü belirtmelisiniz, klasör aşağıdaki gibi.

android-sdk-linux klasörünün içi.

android-sdk-linux klasörünün içi.

 

Bu sistem değişkenlerini cordova komut satırı ile işlem yaparken kullanıyor, eğer verilmemişse hataya neden oluyor. Hatasız şekilde işleme devam etmek için yapınız.

Cordova komutları şunlar, dikkat edilmesi gereken ise PhoneGap’ta anlattığının aksine “cordova build” komutu kullanılmayacak. Daha sonra bu komut da hataya neden oluyor. Android Studio gerekeni kendi yapacak o yüzden fazlalıkmış gibi düşünebiliriz. (İçindeki CordovaLib’i kendisi derleyecek).

PhoneGap projesi oluşturuyoruz

cordova create hello com.mersoft.hello hello
cd hello
cordova platform add android

bu kadar!

Cordova komutları ve çıktıları

Cordova komutları ve çıktıları

Buraya kadar komut satırı ile yapılan işlemler tamamlandı.

Şimdi Android Studio ile devam ediyoruz…

Android Studio’yu açınız.

Import project'i seçin

Import project’i seçin

 

Cordova ile oluşturduğumuz klasörü seç (alt klasördeki android vs değil!)

Cordova ile oluşturduğumuz klasörü seç (alt klasördeki platform/android vs değil!)

/home/merter//NetBeansProjects/hello klasörünü seçtik (kendinize uyarlayın). Eclipse için diğer klasörler vs tarif ediliyor olabilir bizim ana dizini seçmemiz gerekiyor.

Burası önemli, “var olan kaynağı kullan”‘ı seçin :

Elde var olanla devam et

Elde var olanla devam et

Klasörü seçtikten hemen sonra “Create project from existing sources” ile devam etmeliyiz yoksa saçmalıyor. Bundan sonra finish’e kadar next next next diye ilerliyoruz.

Studio'ya geçiyoruz

Studio’ya geçiyoruz

Hemen üstteki ekran görününce derin bir nefes alıp, bir su için. Devam ediyoruz…

Run - Edit Configurations

Run -> Edit Configurations için alternatif

Önce Run -> “Edit Configurations” penceresini açıyoruz ve yeşil renkli ” + ” işaretine (Add New Configuration) tıklıyoruz:

editconfiguration

Oradan “Android Application” seçiyoruz ve “Module” yazan menü için “android” seçiyoruz, aşağıda gösterilen resimdeki gibi olmalı.

editforandroid

“Target device” için de “USB device” iyi olabilir, ben emülatör kurmadım. OK deyip geçiyoruz.

Uygulamayı çalıştır

Uygulamayı çalıştır

Uygulamayı çalıştırıyoruz vee sonuç:

PhoneGap başlangıç ekranı

Artık HTML ve Javascript yazarak mobil uygulamalar geliştirebiliriz.

PhoneGap ile geliştirmeye başlangıç:

Android Studio’da solda üstte bir küçük menü var, oradan “Android” yerine “Project” seçiyoruz, aşağıdaki gibi:

Project menüsü

Project menüsü

Yukarıda görüldüğü gibi android / assets / www klasörü içinde html, css ve js dosyalarını barındırarak mobil uygulamamızı geliştirmeye devam edebiliriz.

Gerisi size kaldı. :) Kolay gelsin.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

This site uses Akismet to reduce spam. Learn how your comment data is processed.