SoMe-Things YoU sHould knOw about "PhoneGap": Android - LeaVe my baThRoom at-least !

PhoneGap Framework

phonegap

Building applications for each platform–iPhone, Android, Windows and more–requires different frameworks and languages. PhoneGap solves this by using standards-based web technologies to bridge web applications and mobile devices. Since PhoneGap apps are standards compliant, they’re future-proofed to work with browsers as they evolve.

The PhoneGap framework was contributed by the Apache Software Foundation (ASF) under the name Apache Cordova and graduated to top-level project status in October 2012. Through the ASF, future PhoneGap development will ensure open stewardship of the project. It will always remain free and open source under the Apache License, Version 2.0.

To develop apps using Phonegap, the developer does not require top have knowledge of mobile programming language but should know languages like, HTML, CSS, JScript.
PhoneGap takes care of rest of the work, such as look and feel of the app and portability among various mobile operating systems and also allows its users to upload the data contents on website and it automatically converts it to various App files.

PhoneGap Environment Setup

Lets see how to setup basic PhoneGap Environment to develop apps easily. PhoneGap supports offline creation of apps using Cordova command line interface and Github, but we concentrate on online creation of apps. As PhoneGap supports only HTML, CSS and JavaScript, it is mandatory that the application should be created using these technologies only. 

An application package must contain following files:
  • Configuration File
  • Icons for App
  • Content (built using web technologies)
Configuration File
App require one configuration file named as "config.xml" that configure all its necessary settings. This file contains all the necessary information required to compile the app.
following is the content of config.xml file
<?xml version="1.0" encoding="UTF-8" ?>
<widget xmlns   = "http://www.w3.org/ns/widgets"
    xmlns:gap   = "http://phonegap.com/ns/1.0"
    id          = "com.phonegap.example"
    versionCode = "10"
    version     = "1.0.0" >

<!-- versionCode is optional and Android only -->

  <name>PhoneGap Example</name>

  <description>
      An example for phonegap build docs.
  </description>

  <author href="https://build.phonegap.com" email="support@phonegap.com">
      Hardeep Shoker
  </author>

</widget>
The widget element must be the root of your XML document.When using PhoneGap Build, ensure you have the following attributes set on your widget element.
id - The unique identifier for your application. To support all supported platforms, this must be reverse-domain name style (e.g. com.yourcompany.yourapp)
version -  for best results, use a major/minor/patch style version, with three numbers, such as 0.0.1
versionCode - (optional) when building for Android, you can set the versionCode by specifying it in your config.xml.
<name> - The name of the application.
<description> - A description for your application.
<author> - The author of the application, either a company or individual (required for Windows 10 builds).
<platform> - You can have zero or more of these elements present in your config.xml. Set the name attribute to one of ios, android, or windows.If you specify none, all platforms will be built.

Icons
It is important to prepare icons of exact shapes and sizes as required by particular mobile operating system. Here we are using the folders res/icon/ios and res/icon/android/drawable-xxxx..To get this work done fast, you can create a logo of size 1024x1024 and log on to makeappicon.com. This website will help you instantly create logos of all sizes for both android and iOS platform.

PhoneGap App Contents

We can create two type of apps. Online app and Offline App. Following is the directory structure for the applications.
Online App
In online app entire information content is loaded from the Internet.
Online app directory structure

The index.html file contains actual links as it contains at the web server and all its links are either absolute or used with base href tag.

Offline App
Offline app will let you create a web application that is downloaded to its entirety to the mobile devices of a user who can access that offline.
offline app directory structure


The config.xml contains app configuration settings. The index.html file contains homepage of web contents. All the HTML files should contain only relative path not absolute path or base href tag.

Once selected your app type, organize files in above mentioned structure and zip it using any standard tool zip tool.

Sign Your App

Android requires that all APKs be digitally signed with a certificate before they can be installed. For this reason, you need to sign your app. You may need keytool which is a part of standard java distribution.Execute the following command in %JAVA_HOME% in your Windows command prompt or Linux Shell:-

keytool -genkey -v -keystore my_keystore.keystore 
   -alias TutorialsPoint -keyalg RSA -keysize 2048 -validity 10000

It should generate one file.

PhoneGap App Compilation

Now we are ready to compile our first web API-based app. PhoneGap accepts user login created on GitHub or using AdobeID. GitHub is a online repository service where users can upload their contents and use them by providing their URL references.

Following steps are required to create Adobe Id and Compile the application.

Create Adobe ID
Got to https://build.phonegap.com/ and register after that login to your account it will display PhoneGap Console as shown in below
phonegap console

Click on ‘Upload a .zip file’ and upload the .zip file we created, which has the entire web content and configurations. You should see the following window after successful upload

Click on the Android icon and the following screen should appear

Click on drop-down option menu next to Android icon that reads No key selected, click on add a key and the following screen should appear
Provide the file created while signing the App. Then click on 'Rebuild' button next to it. The app built by this process can be directly uploaded to Google Play. Click on .apk file and you can download your first web-based free app.Before uploading, app should be tested on either virtual or real devices.
sign file submit form
Location: Mumbai, Maharashtra, India

Comments

  1. Web App Software Development30 September 2019 at 01:13

     I appreciate your efforts of writing this blog content, it’s really a beneficial and informative post. Good work!! Keep going on.
    PhoneGap Development Company Texas

    Hire PhoneGap Developers

    ReplyDelete

Post a Comment

Popular posts from this blog

How E-commerce Sites can Increase Sales with Pinterest?

Image
Pinterest is basically a platform for users to visually share and discover exciting new interests by posting, or “pinning”, as it’s popularly called, videos or images to their own boards or that of others. If you’re looking to drive more traffic and sales to your e-commerce site, Pinterest is one of the social networks you must add to your marketing arsenal. People like to pin products on Pinterest and plan purchases. If used properly, your e-commerce site should be able to generate a high revenue with Pinterest. Let's see some of the best ways to harness the full potential of this social media platform: 1. Pick Your Pins Carefully Quality over quantity – that’s one rule every business owner is aware of. And if you’re planning to boost your e-commerce sales using Pinterest, this rule applies even more to you. Of course, volume is important but only to keep things consistent. Pin all your new items, engage users regularly, and keep things fresh. But, as Pinterest is an e
Keep reading

Every thing U can do with a Link-List + Programming_it_in_JaVa

Image
A linked list is a sequence of data structures, which are connected together via links. Linked List is a sequence of links which contains items. Each link contains a connection to another link. Linked list is the second most-used data structure after array.  Following are the important terms to understand the concept of Linked List: Link − Each link of a linked list can store a data called an element. Next − Each link of a linked list contains a link to the next link called Next. LinkedList − A Linked List contains the connection link to the first link called First. Linked list can be visualized as a chain of nodes, where every node points to the next node: As per the above illustration, following are the important points to be considered. Linked List contains a link element called first. Each link carries a data field(s) and a link field called next. Each link is linked with its next link using its next link. Last link carries a
Keep reading

Test Your SQL Basics - Part_1

The SQL SELECT Statement Questions 1. Determine the output of the below query SELECT '6+9'  FROM dual; A) 15 B) 6+9 C) 6 D) 9 2. At least how many clauses must be present in a SELECT statement? A) 0 (Zero) B) 1 C) 2 D) 5 3. Which of the following statement is correct? A) EVERY table expression is a part of SELECT statement B) Each SELECT statement does not consist of a table expression C) Every SELECT statement is built from a table expression D) All of the above 4. Which of the following are the optional clauses? A) SELECT and WHERE B) WHERE, GROUP BY and ORDER BY C) SELECT, WHERE and ORDER BY D) SELECT, WHERE, ORDER BY and GROUP BY 5. Which of the following is the last clause that is executed in a query? A) SELECT B) FROM C) WHERE D) GROUP BY 6. Which of the following is the correct basic syntax of SELECT clause? A) SELECT column1, column2,….columnx WHERE table_name; B) SELECT column1, column2,….columnx C) SELECT column1, column2,…columnx
Keep reading