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.237 kez görüntülendi.