• +1 510-870-8668, 510-298-5936, 510-796-2400
  • Login

Ionic Framework

Ionic is open source framework used for developing mobile applications. It provides tools and services for building Mobile UI with native look and feel

 

MIRI Infotech is configuring and publishing Ionic embedded pre-configured framework on Ubuntu and ready-to-launch AMI on Amazon EC2 that contains Ionic Framework, npm, cordova

Some Key Features:

  • AngularJS : Ionic uses AngularJS MVC architecture for building rich single page applications optimized for mobile devices.  
  • CSS components : With native look and feel, these components offer almost all elements that mobile application needs. Components default styling can be easily overridden to accommodate your own design.
  • JavaScript components : These components are extending CSS components with JavaScript functionalities to cover all mobile elements that can't be done only with HTML and CSS.
  • Cordova Plugins : Apache Cordova plugins offer API needed for using native device functions with JavaScript code.
  • Ionic CLI : This is NodeJS utility powered with commands for starting, building, running and emulating Ionic applications.
  • Ionic View : Very useful platform for uploading, sharing and testing your application on native devices.
Ionic Framework live cast:
 

You can subscribe to Ionic Framework, an AWS Marketplace product and launch an instance from the product's AMI using the Amazon EC2 launch wizard.

  • Ionic is used for hybrid app development. This means that you can package your applications for IOS, Android, Windows Phone and Firefox OS which can save you a lot of working time.
  • Starting your app is very easy since Ionic provides useful pre-generated app setup with simple layouts.
  • The apps are built in very clean and modular way, so it's very maintainable and easy to update.
  • Ionic developers team have very good relationship with google developers team and they are working together to improve the framework. The updates are coming out regularly and Ionic support group is always willing to help when needed.

About

Ionic is open source framework used for developing mobile applications. It provides tools and services for building Mobile UI with native look and feel

Limitations

Miri Infotech has removed the overhead of installation of NodeJS, Cordova & Ionic Framework and configured changes for user easy. User just has to subscribe a instance of : Miri_IonicFrameWork project on AWS.

Usage / Deployment Instruction

Use below commands to deploy your first sample Ionic App.

1) Login into Ubuntu terminal through user : ubuntu

2) Switch user to sudo su

3) Check the npm version installed

4) Star nodeJs server command

5) To create a First app on Ionic Framework,

  • First start IonicFramework using command ionic start. then it will start installing and setting   all the dependencies attached with IonicFramework.
  • It will ask for the name you would like to assign the project, Like here in our example myfirstproject name we are assigning to our first app.
  • IonicFrame work also offers some sample projects (Name like tabs, sidemenu etc.) So the beginners can start by selecting any one of them through up/down keys on their keyboard.

  • Now ionic the project is ready to serve, so for this first change your directory to project directory.

3) ionic serve is the command to run the app add automatically open it in browser it local machine,
and for Remote server the command will be  ionic serve --address SERVERIP. But we are running the ionic server in aws environment so our command will be ionic serve --address aws-instance-ip (Private IPs) But instance can be access in browser through Public IP of aws instance

4) Port 8100 should be enable to access you app on browser, so first enable port 8100 on your aws instance. Some other ports on which ionic frame work can execute the app 8000, 8100 OR 8102 etc.

5) Open the app on the browser.
Here For my example http://13.126.222.138:8100/


 

 
Live Demo

Our Rating

5 star
0
4 star
0
3 star
0
2 star
0
1 star
0

Submit Your Request

First Name:*
Last Name:*
Company/Organisation:*
Email Address:*
Phone Number:*
Message:*