IONIC BAŞLANGIÇ

     

       Ionic  web tabanlı mobil uygulama geliştirme çatısıdır.  https://ionicframework.com/ adresinden ionic ile ilgili ayrıntılı bilgiye ulaşabilirsiniz. Bu anlatım için angular 2 bilgisi gerekmektedir.

    Ionic kullanabilmek için npm gereklidir. Npm paket yönetim programı için https://www.npmjs.com/.
    Node.js yüklemesini de https://nodejs.org/en/ yapıyoruz.

    Ionic için Cordova adı verilen mobil fonksiyonlar ile web uygulaması arası bir yapı kurulumu yapılır.

npm install –g cordova ionic

Yeni bir ionic projesi için ;

Ionic start QRScanner blank

Komutu ile projeyi oluşturalım.


Pluginlerimizi ekliyoruz Camera;

ionic cordova plugin add cordova-plugin-camera

npm install –save @ionic-native/camera

Pluginlerimizi ekliyoruz QRScanner;

ionic cordova plugin add cordova-plugin-qrscanner

npm install –save @ionic-native/qr-scanner

Pluginlerimizi ekliyoruz Android Permissions;

ionic cordova plugin add cordova-plugin-android-permissions

npm install –save @ionic-native/android-permissions

app.module.ts


Camera ve QR Scanner ı provider olarak ekliyoruz.

app.scss



transparent-body css ini ekliyoruz.

pages/home.html 

Button ile okunan QR kodunun sonucunun ekleneceği text area.


pages/home.ts



ionic cordova android run komutu ile test ediyoruz.





Yorumlar

Bu blogdaki popüler yayınlar

NODE.JS Örnek Uygulama - TIC TAC TOE -1 (Server)

ORA-00054: resource busy and acquire with NOWAIT specified

Cannot resolve the collation conflict between “Turkish_CI_AS” and “SQL_Latin1_General_CP1_CI_AS” in the equal to operation