Ionic Foundation--Introduction and development preparation

Write in front:

nyan! Hello everyone! I am rexmincat, in this blog post, I will probably describe what Ionic is, what he can do, his pros and cons, and how to start using!

Ionic Introduction:

Ionic is a powerful HTML5 application development framework (HTML5 Hybrid Mobile app framework). can help you build mobile applications that are close to native experiences using WEB technologies such as HTML, CSS, and Javascript.

Ionic focuses on the look and feel, as well as the UI interaction with your application, and is especially useful for developing HTML5 mobile applications based on Hybird mode.

Ionic is a lightweight mobile phone UI library, with fast speed, interface modernization, aesthetics and other characteristics. To address some of the other UI libraries that are slow to run on the phone, it directly discards version support for IOS6 and Android4.1 for a better usage experience. (Excerpt from ' Rookie Tutorial ')

Ionic as a WebApp development framework, I used him to develop a fire equipment monitoring and operation of the mobile application side, which involves positioning, QR code scan, call phone camera, album, upload pictures, download pictures, download the latest version (version update), push (using the Aurora push). Although all can be achieved, and the implementation is very convenient, the use of the official plug-ins. There are documentation and tutorials on GitHub. Before the project, did not involve so many functions, but do the project is so, you understand, to the late, the business becomes very complicated, even need to achieve similar standardization in mobile business. This time, began to show the ionic skin soft, ionic also have a lot of pits, such as loading more, left menu, as well as the need for real-time data automatic refresh and so on, there are many many pits ...

So personally feel, if you need to do something, business is very complicated, the best use of native development, do not consider WebApp, remember.

Of course, if you want to do something that is not very complex, you can use it for development, and the effect is almost native. The most important point is the cross-platform, one-time development, multiple platforms, that is, you develop a good application, both on the Android and iOS platform can be used directly.

Ionic Features:

• 1.ionic based on angular syntax, easy to learn.
• 2.ionic is a lightweight framework.
• The 3.ionic is the perfect fusion of next-generation mobile frameworks that support Angularjs features, MVC, and code-easy maintenance.
• The 4.ionic provides a beautiful design that builds applications through SASS, which provides a number of UI components to help developers develop powerful applications.
• 5.ionic focus on native, so you don't see the difference between hybrid applications and native
• The 6.ionic provides a powerful command-line tool.
• The 7.ionic is superior in performance and runs fast.
• (Excerpt from ' Rookie Tutorial ')

Ionic Installation: Open console, Window and Linux execution:

$ npm install-g Cordova Ionic

Mac execution:

sudo npm install-g Cordova Ionic

To create a Ionic application: Open the console, enter the directory where you want to create the project, enter:

Ionic Start Ionicapp Tabs

(This command creates an out-of-the-box application template provided by ionic, or creates a blank template) to add a platform:
Enter the Ionic project to create a good

CD Ionicapp

Add Android Platform

Ionic Platform Add Android

Add iOS Platform

Ionic Platform Add iOS

Compile:

Ionic Build Android

Ionic build iOS

The so-called compilation, that is, when you change the contents of the inside, or add the deletion of the plug-in, then you can use this command to recompile to create a new application. After the compilation is successful, you can see that the APK file has been generated in the ' ionicapp/platforms/android/build/outputs/apk/' directory and the Android phone can be run directly from Android.


At this point, a basic ionic application has been completed, may be relatively brief, including many of the problems and pits are not mentioned, including the environment configuration of Android, iOS environment configuration, there are many pits, in later articles unified integration. This article for the students are learning Ionic reference, let us explore the pit, communication efforts, thanks to support!

Ionic Foundation--Introduction and development preparation