Wednesday, March 11, 2015

Very first IonicFramework Hello World! app

Initially, I just want to test the new approach: recording my study/practice, and review it back in future and in case if I forget something the clip will help to remind me. Finally turn out, I think... why don't I publish it to my blog also? That's main reason you see this post :)

Okay, now we start!
Ref source: http://ionicframework.com/

1/ Install the Node.js
Download and install the Node/NPM
Do the Hello World demo



2/ Install the Cordova and Ionic
You gonna get error here! You need to change to ROOT permission
The installation is done, it seems OK!

I just finished the registration!

Um... it seems my project already get up! Now I need to run it only
But still would want to save these commands for further use
$ sudo npm install -g ionic cordova 
$ ionic start [project] 
$ cd [project] 
$ ionic login 
$ ionic upload


I would go on and on with the Tips here
- Just issue command: ionic serve in myApp folder. It's awesome!!!
- But that's server tided to localhost. I would run in public IP, and check if I able to access it from my mobile... wait a minute! Oh god! How do I change the default IP preset before. Great! just ionic help serve - you get all the helps you need
- Let run the app in public IP: ionic serve --address 192.168.80.34
- Now check the access from mobile.... NO THING HAPPEN!! I NEED TO ASK MY FRIEND FOR A HELP. He is able to login, but no content just and tags OR probably the firewall issue, okay talk about it later... move on!
- Um... seems like I just created another app neat inside the myApp lol :D
- Move on... this is interesting app, try this: ionic start myApp sidemenu, but the folder myApp already exist, try another name.. please
ionic start mySideMenuApp sidemenu

Oh My Godness!!!! I love it! You see!

- Now, let's try the other parts!!
Whooooopies......... ionic platform add ios, and then ionic build ios does all the stuffs!!! for you!

- Let check if that's true ;) um... that's not TRUE, you need to download the emulator yourself, let's do it! Btw, do we need changing to ROOT? probably NO :( - It's required for any new Node Package installation!!!!
Okay, go back to launch the new app.... um - I don't have xcode 6, that is required. I have now to install XCode 6...patient

It's not going to the right way now! um.... Okay we stop here! Hopefully, after upgrading to XCode6, it will work fine for me!

Cheers!!! See you next time! Pray for me, able to get it up and run!












Digital Inspiration Technology Guide

Change the world with your passion