Cordova Başlangıç

 


    Apache Cordova?

    Cordova, en basit haliyle istediğimiz platforma uygulama yapabilmemizi sağlayan bir frameworkdür.

    Cordova ile IOS, Android veya BlackBerry gibi tüm platformlar için uygulama geliştirebiliriz. Ve en güzel yanı ise bunları yaparken çoğu yazılımcının bildiği ( Hiç duymadım diyebilecek yazılımcı sanmıyorum ) “Html + Css + Js” ile yapıyor olmamız. Birkaç da temel bilgi olarak Cordova open source yani açık kaynaklıdır. Tek bir kod ile tüm platformlara derleyebildiğimiz için Hybrid bir uygulamadır.


Neler Yapılabilir?

    Cordova ile tüm platformlara uygulama yapabileceğimizi söyledik. Peki ne kadar mantıklı? Hybrid ve Native uygulama ne demek? Öncelikle bunları tanıyalım.


Hybrid ve NativeUygulamalar

    Native uygulama her işletim sistemine özgü yazılır. Hybrid uygulamalarda ise temel kodlar bir sefer yazılır ve her işletim sistemine uyum sağlar. Temel kod ile anlatmak istediğim tasarım denilebilir. Tasarımı yalnızca bir sefer yazarsınız ve paketlediğinizde her telefonda çalıştığını görebilirsiniz. Ama telefona özgü olan durumlar, GPS ya da kamera veya rehbere bağlanma gibi durumlar için her platforma özgü olarak kodları düzenlememiz gerekir. Hybrid uygulamaların en büyük dezavantajı olarak performans gösterilebilir. Android’e özgü yazılan bir kod kadar hızlı çalışmaz. Fakat her uygulama için de hız ne kadar önemlidir ki. Yani büyük bir uygulama geliştireceksek evet native ama küçük çaplı bir uygulama ise cordova sizin için yeterli olacaktır.


O Zaman Başlayalım

    Cordova ile çalışabilmemiz için bilgisayarımıza Node.js ve Npm kurmamız gereklidir. Ve ayrıca Android bir uygulamayı paketlemek için Android Studio kurmamız gerekiyor. Son olarak Java kurulumunu da yaparak altyapımızı hazır hale getiriyoruz.


    Cordova ile çalışabilmemiz için bilgisayarımıza Node.js ve Npm kurmamız gereklidir. Ve ayrıca Android bir uygulamayı paketlemek için Android Studio kurmamız gerekiyor. Son olarak Java kurulumunu da yaparak altyapımızı hazır hale getiriyoruz.


Java ( JDK ) : https://www.oracle.com/tr/java/technologies/javase-downloads.html

Node.js : https://nodejs.org/en/download/

Android Studio : https://developer.android.com/studio?gclid=CjwKCAjwqcKFBhAhEiwAfEr7zXC9He-Cz62AAaFBbaRyVoWC0hNIXH72clxTfva50xTTDGsP1YPrGhoCb28QAvD_BwE&gclsrc=aw.ds


    Npm, Node.js ile birlikte kurulur. Kurulum tamamlandığında kontrol etmek için terminalde

Node –v

// v14.16.1

Npm –v

// 6.14.12

    Komutlarını çalıştırıp kontrollerimizi sağlıyoruz.

Kurulum

    Terminalimizi açıp aşağıdaki kodu yapıştıralım. Bu kod sayesinde cordovayı global bir şekilde bilgisayarımıza kurduk. İşte bu kadar basit.

Npm install –g cordova

İlk Uygulama

    Cordova projemizi kuracağımız dosya yoluna terminalden ulaşıyoruz. Ben Xampp klasörümde kuracağım. Buradan direk olarak veri tabanına bağlanmak istiyorum. 

C:\User\efe> C://xampp/htdocs

c:\xampp\htdocs> cordova create firstApp

    Komutu “firstApp” isminde bir cordova projesi oluşturdu.

c:\xampp\htdocs>cd firsApp

    Uygulama klasörümüzün içerisine girdik. Şimdi bu uygulamayı çıkarmak istediğimiz platformları ekliyoruz.

c:\xampp\htdocs\firstApp>cordova platform add android

    Yalnızca “cordova platform” komutuyla ekleyebileceğimiz tüm platformları da görüntüleyebilirsiniz.

Sonuç

    Projemizin içerisinde bulunan “config.xml” dosyası projemizin ismi, icon dosyası gibi bilgilerin yazıldığı yapılandırma dosyamızdır. Biz proje oluştururken bazı paketlere ihtiyacımız olduğunda console yardımıyla yükleyeceğiz ve gerekli dosyalar otomatik klasörlerin içerilerine yerleştirilecek.

    Bizim kullanacağımız kısım “www” klasörüdür. Burada uygulamamızın resim, js dosyaları vb. dosyalarımız bulunacak. Tüm sayfalarımız da bu klasör içerisinde yer alacak.

Test

    Uygulamayı test ederken

c:\xampp\htdocs\firstApp >cordova run android

    Komutu kullanılabilir. Ben uygulamalarıma Xampp üzerinden bağlanmayı tercih ediyorum. Fakat burada dikkat edilecek kısım tarayıcıya “localhost” olarak değil, Ip üzerinden bağlanmamız lazım. Terminalden ip adresimizi öğrenelim. Tarayıcıda link kısmına ipmizi yazdığımızda, localhost sayfamız açılacaktır. Buradan projemizi anlık olarak test edebiliriz. Ayrıca aynı ağa bağlı olan herhangi bir telefondan aynı ip üzerinden bağlanabilir. Telefondaki halini de buradan kontrol edebiliriz.

Yorumlar

Bu blogdaki popüler yayınlar

Android Studio İmage View resim değiştirme

Android Studio Mesaj Gönderme Uygulaması

MySQL Normalizasyon ( 1NF, 2NF, 3NF )