Etiketler

26 Mayıs 2017 Cuma

Apache Cordova

Merhabalar


Bu yazımda sizlere, Apache Cordova'dan bahsetmek istiyorum. Apache Cordova; HTML, CSS, JS gibi teknolojileri kullanarak mobil platformlarda yani Android yada iOS da uygulama geliştirmeye olanak veren bir framework'tür.


Apache Cordova'nın mimarisi ile ilgili daha fazla bilgi almak için
yazılarından yararlanabilirsiniz.

Cordova ile Android mobil uygulama denemesine http://devnot.com/2017/cordova-ile-ilk-mobil-uygulamamizi-olusturalim/ adresinden ulaşabilirsiniz.

macOS Sierra üzerinde iOS Mobil Uygulaması

Öncelikle bilgisayarda Node.js ' in yüklü olması gerekmektedir. Bunun için https://nodejs.org/en/ adresinden çoğu kullancını için tavsiye edilen kararlı sürüm yüklenir.

Ardından terminal ekranı açılır ve aşağıdaki komut satırı ile cordova yüklenir.

npm install -g cordova



Yüklenen Cordova ile bir proje oluşturmak için yine komut satırından;

cordova create hello com.example.hello HelloWorld




 komutu ile HelloWorld projesi oluşturulur.

Dahaa sonrasında oluşturulan projeye mobil platformların eklenmesi gerekmektedir.
IOS platformu için;
cordova platform add ios



Android içinde benzer şekilde;
cordova platform add android
komutu kullanılır.

Yüklenen platformların listelenmesi için;
cordova platform ls
komutu kullanılabilir.

Daha sonrasında ise bu platformun ihtiyacı olan bileşenler yüklenir. Bunun için ise;

cordova requirements



macOS de cordova gereklilikleri XCode ve ios-deploy. Bunun için öncelikle AppStore'dan XCode u yüklemelisiniz.
Sonrasında ios-deploy için;

sudo npm install --unsafe-perm=true -g ios-deploy
komutu kullanılır. --unsafe-perm=true komutu ile appStore dışındaki yüklemelere terminal ekranından izin vermek için kullanılmakta, aynı zamanda root yetkisi ile kurulum sağlanmaktadır.




Build işlemi tamamlandıktan sonra; ** BUILD SUCCEEDED ** yazısı görülür.

Buraya kadar yapılan işlemler sırasıyla;

  1. Node.js kurulumu
  2. Cordova kurulumu
  3. Cordova'da proje oluşturma
  4. Cordova projesine mobil platform yükleme
  5. Bu mobil mobil platformun gerekliliklerini yükleme
    1. XCode yükleme
    2. ios-deploy yükleme
olarak sıralanabilir.

Artık geliştirme yapacağımız ortam hazır durumdadır. XCode'da projeyi açmak için terminal ekranından;

open ./platforms/ios/HelloWorld.xcworkspace/
komutu kullanılır.


Buradan mobil uygulamız için emülatörü çalıştırmak için ise, sol üst tarafta bulunan play butonuna tıklanır ve uygulamanın build edilerek emulatör üzerinde çalıştırılması sağlanır. 1 dakikadan az bir sürede emülatör başlamaktadır.



Bu yazımda sizlere Apache Cordova kullanarak macOS makine üzerinde bir iOS uygulaması denemesinden bahsettim. Konu ile ilgili ayrıntılara Zafer Ayan'ın devnot'da bulunan yazı serisinden erişebilirsiniz.
Daha sonraki yazımlarımda görüşmek dileğiyle...

Kaynaklar : 

https://cordova.apache.org/docs/en/latest/guide/platforms/ios/index.html#requirements-and-support
https://cordova.apache.org/docs/en/latest/guide/platforms/ios/
https://github.com/driftyco/ionic-cli/issues/1910
http://devnot.com/2017/cordova-ile-ilk-mobil-uygulamamizi-olusturalim/
http://devnot.com/2017/cordova-ile-hibrit-mobil-uygulamalara-giris/
https://melahatmindivanli.wordpress.com/2016/08/01/apache-cordova-cordova-nedir/

2 yorum:

  1. ya arkdas herkes kurulumu anlatmıs , hiç mi örnek bi proje yapayım diyen yok ya , 100 tane siteye girdiysem 90ında hep böyle makale var

    YanıtlaSil
    Yanıtlar
    1. Gördüğünüz kurulum yayınlarını sonuna kadar okusaydınız, kullanılan kaynaklarla ilgili ve ayrıntılar için referans verilmiş olduğunu görecektiniz ve ihtiyacınız olan örneklere ait sayfaya erişebilecektiniz. Şikayet etmeden önce kendinizin ne kadar araştırdığını düşünün bence. Örneklerle ilgili yazılara http://devnot.com/?s=cordova adresinden Zafer Ayan'ın yazılarından erişebilirsiniz.

      Sil