Angular 4 + Cordova Boilerplate ::: Hybrid Mobile Application

Angular 4 + Cordova Hybrid Mobile App set up :

ng-four-hybid-app : Angular 4 + Cordova boilerplate

This project is using Angular 4 + Cordova boilerplate configurated. You can start building your great Hybrid Cordova Mobile Apps in Angular 4.

Installation

  • Install Node.js from: https://nodejs.org/en/download/
  • Install Cordova using: npm install -g cordova
  • Clone ngCordova repository: https://github.com/mithabavkar/ng-four-hybid-app.git
  • Go to ngCordova repository: cd project_name
  • Install dependencies: npm install

Development server

  • Development project folder is src/. You should start building your Angular 4 app there!
  • Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Build Angular project

  • Run ng build to build the Angular project.
  • The build artifacts will be stored in the www/ directory.
  • Use the -prod flag for a production build.

Adding Cordova platform

  • Go to ngCordova repository: cd ngCordova
  • List available Cordova platforms: cordova platform ls
  • Add a desired platform: cordova platform add [ browser | android | .. ]

Run Cordova app

  • After adding Cordova platform, we can run our app in desired platform: cordova run [ browser | android | .. ]

Build Cordova project

  • Run cordova build [ browser | android | .. ] to build the Cordova project.
  • For example android build .apk is located in: platforms/android/build/outputs/apk/

Comments

  1. AishwaryaAugust 13, 2019 at 11:00 AM

    Thank you for taking the time to provide us with your valuable information. We strive to provide our candidates with excellent care and we take your comments to heart.
    Mobile App Development Company In Chennai
    Android App Development Company In Chennai
    Android Application Development Company In Chennai

    ReplyDelete

Post a Comment

Popular posts from this blog

Pop up Message/Notifcation appear in web page C#

Image
Pop Up Message / Notification appear in C# web application. This is using AJAX tool kit . under HEAD tag coding is, under BODY   tag coding is, HEAD tag code call in our actual code page (aspx.cs) ScriptManager.RegisterStartupScript(this, this.GetType(), "SetAlert", "setAlert('" + LblInfo.Text + "');", true); LblInfo.Text =  I am passing pop up informaton/Message in to Label. Output: Pop up message showing in web page is follows, Run Time Example, Thank You.
Read more

set up phonegap / cordova environment in windows

Image
CORDOVA APPLICATION Cordova wraps your HTML/JavaScript app into a native container which can access the device functions of several platforms. These functions are exposed via a unified JavaScript API, allowing you to easily write one set of code to target nearly every phone or tablet on the market today and publish to their app stores. CORDOVA INSTALLATION SETUP: There below steps to fast set up on your windows environment. 1. Install node js from below link.  https://nodejs.org/en/download/ after installation check node js is functioning or not using command prompt. 2. Install cordova using below command. 3. Create project using command prompt: Above path - C:\Users\Bhushan created project folder 4.  To check your current set of platforms:       cordova platform ls 5. Insta...
Read more