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?
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
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
Yorum Gönder