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

0
Bu sayfa 32 kez görüntülendi.

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

CEVAP VER

Please enter your comment!
Please enter your name here

Yorum onaylama sistemi etkin; yorumunuzun yayınlanması biraz zaman alabilir.