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
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,
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
Let’s try with Chrome first. Turn on opening developer tools by pressing Ctrl + Shift + I . Then, press Ctrl + Shift + M, you can switch to different device, e.g. iPhone 5, so that you can make sure the layout is working fine to any device you want. Please rate this Useful?
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
Download and install Node.js version 4.X from https://nodejs.org/en/ 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 https://github.com/git-for-windows/git/releases/download/v2.4.5.windows.1/PortableGit-2.4.5.1-4th-release-candidate-64-bit.7z.exe Setup PATH by: a. Right-click on “Computer”, and click on “Properties”. b. Click on “Change Settings” c.
What is Ionic Framework ? Do you need to buildup both IOS, Android and Windows Phone apps for your clients? In this case, you need to learn and write Objective C for IOS native apps and Java for Android native apps, it may spend you double effort and time for both platforms, but the logic
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\
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
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 http://tomcat.apache.org/download-80.cgi . Then, store the unzip package “AngularUI” under {your_tomcat_installed_path}\webapps\
