Phonegap / Cordova Kurulumu ve Proje Oluşturma

Merhabalar, yeni yeni öğrenmeye ve kullanmaya başladığım cordova hakkındaki öğrenebildiklerimi sizlerle paylaşmaya karar vermiş bulunmaktayım… Yeni yeni başlamış olduğum için; bir uygulama geliştirdim, çok yakın zamanda Google Play Store’da yerini alacak.. Tabi IOS ortamındada yerini alabilecek, lakin biraz vakit gerekiyor tabiki :))

Nedir bu cordova/phonegap ? : Bendeki anlamı mobil uygulama geliştirmek için web geliştiriciler için bir mucize…

Peki neler anlatacağım : Öğrenmeye sıfırdan başladığım için, sıfırdan kurulum ve ilerlemeler hakkında bilgiler vereceğim…

Phonegap Kurulumu (Windows için)

Aşağıdaki Programların bilgisayarınıza kurulması gerekmektedir.

  1. Node.JS : İndir
  2. JDK : İndir
  3. Ant : İndir

Kurulumlar bittikten sonra, aşağıdaki adımları uygulamamız gerekmektedir.

  1. Ortam Değişkenlerinin Yazdırılması:

Ortam değişkenlerinin nereye yazılacağını bilmiyorsanız, Video’dan izleyerek kolayca yapabilirsiniz…

  • Değişken Adı : “JAVA_HOME” Değişken Değeri : <Java Sdk nın Olduğu Dosyanın Yolu>
  • Değişken Adı : “ANT_HOME” Değişken Değeri : <ANT’ın Olduğu Dosyanın Yolu>
  • Path değişkenin devamına bu değişken değerini ekliyoruz… “%JAVA_HOME%\bin;%ANT_HOME%\bin”

Bu arada;

Node.js nin kurulup kurulmadığını denetlemek için Komut Penceresini (Konsolu) açıp

npm

yazıp kontrol edebiliriz…

Phonegap CLI Kurulumu

Komut penceresine aşağıdaki komutu yazıp kurabiliriz…

npm install -g cordova veya npm install -g phonegap

Bu kod ne işe yarar der iseniz : cordova arayüzünün kurulmasını sağlayacak…

Şimdi Phonegap/Cordova’yıda kurduğumuza göre, Proje Oluşturmaya başlayabiliriz…

Proje Oluşturma

Komut Penceresinden projeyi oluşturmak istediğimiz klasöre gelelim. Kullanımı hakkında bir bilginiz yok ise, aşağıdaki 2 kod işinize yarayabilir..

cd.. // Bir üst klasöre çıkar
cd "klasor-adi" // Adı verilen klasöre girer
cd /   // hangi hdd sürücü kısmında iseniz onun ana dizinine döner

İstediğiniz klasöre geldikten sonra projemizi oluşturalım…

cordova create ilkproje com.ibo.projephonegap IlkProje

Create komutu ile gönderdiğimiz parametreler sırasıyla; klasör adı, uygulama paket ismi, projenin adı. Yani bu komutla ilkproje adında bir klasör oluşturulup içinde IlkProje isimli bir taslak proje oluşturulacak. Bu uygulamanın paket ismi com.ibo.projephonegap olacak.

Projeye Android Platformu Eklemek

Projeyi oluşturduğumuza göre artık hangi platforma göre kod yazacaksak, o platformun dosyalarını projeye dahil etmenin zamanı geldi. Önce cd komutu ile projeyi oluşturduğumuz klasöre girip ardından platform ekleme komutunu yazalım. Komutları sırasıyla yazmaya dikkat edin.

cd ilkproje
cordova platforms add android

Bu işlem sırasında bazı hatalar verebilir. Önemli birşey değildirler…

————————————————————————-

Projemize android platformuda eklediğimize göre; artık uygulamızın nasıl göründüğüne bakabiliriz.

cordova serve android

üstteki kodu yazdığımızda bize local IP mizi gösterecektir.. Browser a o IP’yi yazdığımızda uygulamamızı görebiliriz..

“APACHE CORDOVA DEVICE IS READY” yazısını gördüğümüzde sorunsuz yapmış durumdasınızdır..

Sıradaki Dersimizle görüşmek üzere…

Sorularınız olursa, anladığım kadar ile elimden geldiğince cevaplamaya çalışırım…

Metalurji ve Malzeme Muhendisi - Yüksek İmalat Mühendisi - Metal Öğretmeni - UI/UX, Web & Grafik Tasarımcı

Bir Cevap Yazın

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