Ako imate iskustva u razvoju za web (HTML, CSS i JavaScript) onda će vam tranzicija u razvoj hibridnih mobilnih aplikacija biti logičan korak i prirodna nadogradnja postojećih znanja i vještina.
Ionic aplikacije možete razvijati na bilo kojem OS-u (OS X, Linux ili Windows) tj. Android aplikacije možete razvijati na bilo kojem OS-u, ali za razvoj iOS aplikacija trebate Mac, OS X i Xcode.
Iako polako već stiže Ionic 2 koji je trenutno u beti za sada ću tutorijalima pokrivati isključivo Ionic osim ako ne navedem drugačije.
Ionic je front-end SDK tj. skup tehnologija koje omogućavaju jednostavan i brz razvoj hibridnih mobilnih aplikacija koristeći HTML(5), CSS(3) i AngularJS.
Što je sve potrebno instalirati?
Prije nego započete s izradom mobilnih aplikacija trebate postaviti razvojno okruženje. Potrebni su vam:
- Node.js
- Cordova
- Ionic
- Bower
- Git Bash (opcionalno)
- Android SDK
- Xcode (kada razvijate iOS aplikacije na Macu)
Dobro upoznajte CLI (command line interface) koji će vam maksimalno olakšati razvoj. Putem CLI-a ćete raditi SPBD (start – preview – build – deploy).
0.) Pokrenite Command Prompt (cmd.exe) ili još bolje instalirajte i pokrenite Git Bash. Pomoću ovoga ćete pokretati sve naredbe.
1.) Preuzmite i instalirajte Node.js. Uz njega ćete dobiti i npm. Ako niste sigurni imate li već instaliran Node.js ili vas zanima koju verziju imate pokrenite naredbu:
|
1 |
$ node -v |
2.) Ionic i Cordova mogu se istovremeno instalirati pomoću naredbe:
|
1 |
$ npm install -g cordova ionic |
Kako bi bili sigurni da su Ionic i Cordova uspješno instalirani pokrenite naredbe:
|
1 2 |
$ cordova –v $ ionic –v |
3.) Za brže i jednostavnije upravljanje paketima instalirajte Bower. O ovome će više riječi biti kasnije.
|
1 |
$ npm install bower -g |
I to je skoro sve.
Nakon što ste instalirati sve ranije navedeno spremni ste za izradu svoje prve Ionic aplikacije.
|
1 |
$ ionic start NazivAplikacije tabs |
Aplikaciju u ovom trenutku možete pokrenuti na računalu u web pregledniku
|
1 |
$ ionic serve |
i dodati joj Android platformu
|
1 |
$ ionic platform add android |
kako bi kasnije mogli napraviti .apk koji ćete pakirati za slanje na mobilne uređaje, ali ju nećete moći pokrenuti na mobilnom uređaju
|
1 |
$ ionic run android |
prije nego instalirate i Android SDK.
Više o ovome u sljedećem blog postu.
