Author: Kelvin Hui

Restful API Server No ratings yet.

Before working on Ionic UI, let’s setup the restful API server first, you can follow “Spring Restful + Hibernate with AngularJS” to setup the restful server. Or, you can download SpringRestfulExample for Tomcat server and Spring4Restful_v01_schema.sql for MySQL database. Then, you can follow the below procedures: Install JDK from Oracle (using JDK 1.7 for our

App Folder Structure No ratings yet.

workspace – AppFolder                                 – hooks – platforms                                 – plugins – resources – scss – www      (you will most likely work on this folder for your development) – css – img – js – lib – templates   You can find an index.html under “www” folder, it is the default page for the project,

Simulate and Build with Platform-Specified SDK No ratings yet.

If you need to use platform-specified features like camera, network and Bluetooth from your Ionic app, you need to build with specified platform SDK. Besides, you can also simulate with specified platform SDK by: cd C:\workspace_ionic\myApp1\ running the below commands for Android => “ionic platform add android” for IOS => “ionic platform add ios” for Windows

Ionic Templates No ratings yet.

There are three different template layouts for building up your app: Layouts blank sidemenu tabs Commands 1.       Open a command prompt 2.       Under your ionic working folder 3.       Create app by “ionic start myApp1 blank” 4.       Then, it will generate the new project – myApp1 under your ionic working folder 5.       Running the app by “ionic serve

Installation of Node.js (Windows) No ratings yet.

Download and install Node.js version 4.X from Run “cmd”, and using it to install Cordova and Ionic Install Cordova by “npm install -g cordova” Install Ionic by “npm install -g ionic” Cordova and Ionic will be installed under C:\Users\{your_window_username}\AppData\Roaming\npm\ Install Git from Setup PATH by: a. Right-click on “Computer”, and click on “Properties”. b. Click on “Change Settings” c.

Example 5: Socket IO App No ratings yet.

This example will show you how to create a socket IO server and client using Node.js , it will demonstrate how to setup a socket IO server, and how to send socket message to server. Let’s try creating below folders: example under {your_node.js_installed_path}\nodejs\ demo5 under {your_node.js_installed_path}\nodejs\examples\   Then, create below 2 js files under {your_node.js_installed_path}\nodejs\examples\demo5\

Example 4: Audio and Video Streaming App No ratings yet.

This example will show you how to stream audio and video using Node.js , you will find that it is so simple to do so with just a few line of codes. Let’s try create a new app with some folders: example under {your_node.js_installed_path}\nodejs\ demo4 under {your_node.js_installed_path}\nodejs\examples\ files under {your_node.js_installed_path}\nodejs\examples\demo4\files\ log under {your_node.js_installed_path}\nodejs\examples\demo4\log\   Folder

Example 3: Restful API Running with AngularJS Web CRUD UI No ratings yet.

You can download the Web UI here, extract the zip file as folder “AngularUI”. As we will run the Node.js Restful API with port 3000, and Web UI using Tomcat with port 8080. Assuming you have installed Tomcat. Otherwise, please download and install Tomcat from . Then, store the unzip package “AngularUI” under {your_tomcat_installed_path}\webapps\