Apache Cordova ile Mobil Uygulama Nasıl Yapılır?

Merhaba Arkadaşlar,
Bu yazıda Apache Cordova ile uygulama nasıl yapılır, geliştirirken nelere dikkat edilmesi hakkında küçük notlar paylaşacağım.

1. Cordova’yı npm ile yüklüyoruz.

$ sudo npm install -g cordova

2. Uygulamamızı oluşturacağımız dizinin içine terminal ile giriyoruz. Aşağıdaki komutu çalıştırıyoruz.

$ cordova create hello com.example.hello HelloWorld

3. Uygulamamızın iconlarını ve splash screen görsellerini otomatik olarak oluşturmak için aşağıdaki paketleri yüklüyoruz.

$ sudo npm install cordova-icon -g
$ sudo npm install cordova-splash -g

4. Yukarıdaki uygulamaları yükledikten sonra projenin ana dizinine aşağıdaki boyutlardaki 2 görsel yerleştiriyoruz.
* icon.png resmi kare olmalı ve minimum 1240x1240px olmalıdır.
* splash.png resmi 2208×2208 px olmalı tam merkezinde 1200×1200 px logonuz olmalıdır.

./icon.png  ->  1240 x 1240 px
./splash.png  ->  2208 x 2208 px  ->  1200 x 1200 px

5. Yukardaki görselleri hazırladıktan sonra aşağıdaki komutları çalıştırıyoruz. Çalıştırdıktan sonra görsellerimiz ilgili alanlara gerekli boyutlarda oluşacaktır.

$ cordova-icon --config=config.xml --icon=icon.png
$ cordova-splash --config=config.xml --splash=splash.png

6. Uygulamayı iOS üzerinde test edeceğiz. Aşağıdaki komutu çalıştırarak Cordova’nın hangi iOS cihalarında testinin mümkün olduğunu öğreniyoruz.

$ cordova emulate ios --list

7. Yukarıdaki komutu çalıştırdıktan sonra aşağıdaki çıktıyı terminalde görüyoruz.

Available iOS Simulators:
        iPhone-5s, 12.1
        iPhone-6, 12.1
        iPhone-6-Plus, 12.1
        iPhone-6s, 12.1
        iPhone-6s-Plus, 12.1
        iPhone-7, 12.1
        iPhone-7-Plus, 12.1
        iPhone-SE, 12.1
        iPad-Air, 12.1
        iPad-Air-2, 12.1
        Apple-Watch-Series-2-38mm, watchOS 5.1
        Apple-Watch-Series-2-38mm, watchOS 5.1
        Apple-Watch-Series-2-42mm, watchOS 5.1
        Apple-Watch-Series-3-38mm, watchOS 5.1
        Apple-Watch-Series-3-42mm, watchOS 5.1
        Apple-Watch-Series-4-40mm, watchOS 5.1
        Apple-Watch-Series-4-44mm, watchOS 5.1
        Apple-TV-1080p, tvOS 12.1
        Apple-TV-4K-4K, tvOS 12.1
        Apple-TV-4K-1080p, tvOS 12.1
        iPhone-8, 12.1
        iPhone-8-Plus, 12.1
        iPhone-X, 12.1
        iPad--5th-generation-, 12.1
        iPad-Pro--9-7-inch-, 12.1
        iPad-Pro, 12.1
        iPad-Pro--12-9-inch---2nd-generation-, 12.1
        iPad-Pro--10-5-inch-, 12.1
        iPad--6th-generation-, 12.1
        iPad-Pro--11-inch-, 12.1
        iPad-Pro--12-9-inch---3rd-generation-, 12.1

8. Ben uygulamayı “iPhone-8-Plus, 12.1” üzerinde test etmek istiyorum. Testi aşağıdaki komut ile çalıştırıyorum.

cordova emulate ios --target="iPhone-8-Plus, 12.1" --buildFlag="-UseModernBuildSystem=0"

9. Uygulamayı Android üzerinde test edeceğiz. Aşağıdaki komutu çalıştırarak Cordova’nın hangi Android cihalarında testinin mümkün olduğunu öğreniyoruz.

$ cordova emulate android --list

10. Yukarıdaki komutu çalıştırdıktan sonra aşağıdaki çıktıyı terminalde görüyoruz.

No emulator specified, defaulting to Nexus_5_API_28

11. Gradle ile ilgili bir hata almanız durumunda aşağıdaki komutları çalıştırabilirsiniz. Komutlar; Android dosyalarını silip, yeniden oluşturacaktır.

cordova platform rm android
cordova platform add android

Bu sayfa 3.218 kez görüntülendi.