Apache Cordova (macOS-iOS)

Merhabalar

Bu yazıya kendi blog sitem olan http://ydemiral.blogspot.com.tr/2017/05/apache-cordova.html adresinden de erişebilirsiniz.

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;

http://devnot.com/2017/cordova-ile-hibrit-mobil-uygulamalara-giris/ yada

https://melahatmindivanli.wordpress.com/2016/08/01/apache-cordova-cordova-nedir/

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

* XCode yükleme

* 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/