Friday, November 20, 2015

How to make an mobile app with PhoneGap and Crosswalk

How to make an mobile app with PhoneGap and Crosswalk


What is Crosswalk?

The Crosswalk Project is open source, released under a BSD licence. The project was founded by Intel's Open Source Technology Center. One can use WebGL via three.js and webrtc


By using the Crosswalk Project, an application developer can:


  • Use all the features available in modern web browsers and get over the old standard Android browser limitations..ugh
  • Access the latest recommended and emerging web standards.
  • Use experimental APIs not available in mainstream web browsers.
  • Control the upgrade cycle of an application by distributing it with its own runtime.
  • Add custom extensions to an application, to leverage platform features not exposed by Crosswalk or the standardized web platform.

Why we used it?

We made a elevens 2048 game which worked great in the latest Android but
not in older versions  < 4

Workflow


Install the Cordova Command Line Interface (CLI)

$ npm install -g cordova   //Check that the version of Cordova CLI is >= 5.0.0:

$ cordova -v
5.0.0

Install the Crosswalk WebView plugin

$ cordova plugin add cordova-plugin-crosswalk-webview

This adds the Crosswalk WebView cordova plugin into the app.

Build with Crosswalk WebView engine for Android


$ cordova build android

It is as simple as that.

This automatically fetches the stable Crosswalk WebView libraries from the Crosswalk Project download site (https://download.01.org/crosswalk/releases/crosswalk/android/) and build for both X86 and ARM architectures. 
For example, building a HelloWorld project generates:

/path/to/hello/platforms/android/build/outputs/apk/android-x86-debug.apk
/path/to/hello/platforms/android/build/outputs/apk/android-armv7-debug.apk
The Crosswalk WebView library will be embedded in your app. This adds about 18 MB to the APK size which may be a problem



Download the Elevens 2048 Crosswalk mobile game app here and enjoy the mobile game game Elevens like 2048






Monday, November 16, 2015

Phonegap Apache Cordova now supports Android Marshmellow



Cordova Android 5.0.0


Apache Cordova has released Cordova Android 5.0.0 November 9th. Great
As they say with this release,' there is now support for Android Marshmallow permission checking in plugins. Due to the nature of the recent Android changes, the major version has been incremented to reflect the new API changes. Only plugins that use certain permissions as defined by Google are affected by this change. The following core plugins needed to be updated:'
  • cordova-plugin-camera
  • cordova-plugin-geolocation
  • cordova-plugin-contacts
  • cordova-plugin-file
  • cordova-plugin-media
"We are in the process of releasing these plugins to npm. If you decide to update to cordova-android@5.0.0 before we release the plugins, please install these updated plugins via gitfor now."
cordova plugin add https://github.com/apache/cordova-plugin-camera.git
Information on how to use the new Android Permission APIs can be found in the Cordova documentation.
Just started using it, will update on the bleeding edge bugs and broken wings in a week!
                             Hire Phonegap programmer







Thursday, November 12, 2015

Quadruple Benefits to help Boost Your Sales

Get Quadruple Benefits from Cross Platform Mobile Development Applications

With the rise of the Mobile First economy and as the app world rules, most software development companies have teams of developers to work on rising demands from customers.  As app ideas skyrocket they have to code apps for each of the varied  smartphone operating systems –viz iOS , Android, Windows, Firefox etc. Only savior for these hordes of smartphone app development companies is the cross platform mobile development applications to meet demand with its quadruple benefits


With a single code base with minimal  changes and customization it helps develop apps that can be used on all the mobile platforms using the cross platform mobile application development.  The prime goal of cross platform app development is to cater to as many consumers as possible in as many operating systems as possible

Cross platform development techniques especially with Adobe PhoneGap has the following advantages:


Much Greater Reach
The cross platform techniques helps reach a large number of customers using the many different mobile operating systems with comparatively less effort and higher quality for all the different mobile environments.  It is obvious that the more platforms that a company covers, the more people will it be able to target. When an app is available on all the leading platforms, the software development company shall have an added advantage of targeting a greater market potential. More the customers the merrier!


Slightly Easier Marketing
When there is a larger fan base, the cross platform development company’s marketing team need put less effort in the promotion of the app.

One Instead of Many
When releasing an update, it becomes very easy to do so as changes have to made at a single code base only. The updates would be released at the same time for all the different platforms. 

Uniform Look and Feel

The overall design and feel of the apps for all the platforms is more uniform as there is a single block of code (almost) that is executing for all the different platforms. When the same app is developed independently on different platforms, it is difficult to maintain a sync between the different developers but this situation does not arise or is minimal in cross platform app development .

Slightly Reduced Development Costs
When cross platform development is used, there is reduced development cost when making apps for multiple platforms. Along with development, the maintenance costs are also reduced as there is almost single code base with minimal customization to the operating system. There is no need to have bug tracking for a number of code bases or it is minimal
  
The leading cross platform mobile app development solution companies offer PhoneGap Development that helps you to create great native applications (mobile and desktop) for iPhone, iPad and Android . contact us for more information on how we can help you. Call the PhoneGap experts now, check out our apptitude for web programming also


Who Uses PhoneGap for mobile app development ?




Thursday, August 27, 2015

Sign Releases with Cordova Android - Cordova 5

The Cordova CLI for Cordova 5 Phonegap  tutorial

Introduction: Adobe PhoneGap© says that it takes the pain off developing mobile apps! Android developers seemed to take heed of that as well as ios developers. And windows mobile app makers too. The biggies on deciding how to make an app have chosen Phonegap as the app creator. But the constant software development and revisions take a heavy toll on developers time and on documentation! 
As iLee.co.uk does not revise what is to be done for Gradle and Cordova 5, here it is for our developer colleagues revised as on 28 August 2015
Since the Cordova 5 was introduced about a few months ago, building and deploying Cordova apps for development has become different to say the least. E.g. for Android:






$ cordova build android









$ cordova run android


As before if you want to build a release version of an APK from the command line for production. Use command below however, this does not sign your release:





$ cordova build android --release


 To release a signed apk to Android with Cordova 5, first a keystore file must be created as usual.

$ keytool -genkey -v -keystore <"Name of Application">.keystore -alias <"Your Alias"> -keyalg RSA -keysize 2048 -validity 10000


Enter the keystore password and continue entering in all the rest of the prompted information
Copy this newly created key store created whichever folder you are in, into the platform/android directory.

Release in CLI workflow

Use this below to hooks directly into the cordova build android --release command.
Cordova 5 (might have been 4 as well) uses Gradle to compile now, so the old ant.properties no longer works. 
You can work the same trick by creating a release-signing.properties file in platforms/android and adding the following fill with your file name and other information:
storeFile=
storeType=jks
keyAlias=
// optional :
keyPassword=
storePassword=
Also It works with Java 7 no issues, no certificate signing issues. 
And finally give the command 
cordova build android --release 

and you get a signed zip aligned apk to be sent to the Google play store. 

Its is found in /platforms/android/build/outputs/apk/ folder

Happy developing!
Thanks Adobe and Apache Cordova





Get more value from your mobile app strategy


Develop Cross Platform Mobile apps.Call us



Wednesday, August 19, 2015

SAP Kapsel what a PhoneGap developer is trying to know!

Get your hands dirty by trying Kapsel  with SMP Cloud

Phonegap developers | PhoneGap development | phonegap services | Cordova PhoneGap Experts Services SAP with Cordova for a PhoneGap developer is  well ...complicated.See this "In the last years we have been focused on Sencha products because SAP WebDynpro for ABAP and JAVA were too restricted and did not fullfil the needs for a modern flexible UI that could also be used on mobile devices.

Since the end of 2013, SAP provides SAPUI5 as OpenUI5 under an Apache Open Source licence. The current stable state of the SDK and the possibility to realize Open Source apps on it, are the reason to use UI5 as our main UI strategy......." says  Holger Schäfer  And there is SAP Fiori.

SAP Kapsel is a set of plugins for Apache Cordova (open source) that provides a subset of the capabilities provided by Hybrid web container, and we have to use these plugins during the development of hybrid apps.

Since Kapsel is a part of SMP 3, and not sure whether all Kapsel plugins are officially supported by SMP on Cloud since the cloud version has difference with on premise.
Will be trying out Kapsel Logon plugin in an Android device with these steps.

Sign up for a free trial of SMP, cloud version: SAP HANA Cloud Platform
Download and install SMP 3 SDK (tested with SMP 3 SP01) from SAP Service Market Place
Install Cordova in your system (version 3.1.0-0.2.0), Apache Cordova
com.sap.mp.cordova.plugins.corelibs 3.4.0 "CoreLibs"
com.sap.mp.cordova.plugins.logger 3.4.0 "Logger"
com.sap.mp.cordova.plugins.logon 3.4.0 "Logon"
org.apache.cordova.console 0.2.9 "Console"
org.apache.cordova.device 0.2.10 "Device"
org.apache.cordova.inappbrowser 0.5.0 "InAppBrowser"

http://scn.sap.com/community/mobile/blog/2014/05/01/get-your-hands-dirty-and-try-kapsel-with-smp-cloud

"A lot of companies are struggling with the question how to unlock the vast resources of their SAP installation for mobile development. Should we wait for the technologies SAP promises in its road maps or are there alternatives? There are many RAD platforms out there, but only two have reached the maturity that allows for very robust and performing integration with SAP: OutSystems and Mendix."

Saturday, August 1, 2015

Cordova 5 what a PhoneGap developer needs to know

     A complete change this Cordova 5 for a PhoneGap  developer


Apache Cordova is an open-source mobile development framework. It allows the PhoneGap developer (or Cordova developer) to use standard web technologies such as JavaScript for cross-platform development, avoiding each mobile platforms' native development language. Applications execute within wrappers targeted to each platform, and rely on standards-compliant API bindings to access each device's sensors, data, and network status.

Apache Cordova graduated in October 2012 as a top level project within the Apache Software Foundation (ASF). Through the ASF, future Cordova development will ensure open stewardship of the project. It will always remain free and open source under the Apache License, Version 2.0. Visit cordova.apache.org for more information.

Cross-platform (CLI) workflow
Use this workflow if you want your app to run on as many different mobile operating systems as possible, with little need for platform-specific development. This workflow centers around the cordova utility, otherwise known as the Cordova CLI, that was introduced with Cordova 3.0. The CLI is a high-level tool that allows you to build projects for many platforms at once, abstracting away much of the functionality of lower-level shell scripts. The CLI copies a common set of web assets into subdirectories for each mobile platform, makes any necessary configuration changes for each, runs build scripts to generate application binaries. The CLI also provides a common interface to apply plugins to your app. For more details on the CLI, see The Command-Line Interface. Unless you, the PhoneGap developer have a need for the platform-centered workflow, the cross-platform workflow is recommended.

Release highlights a PhoneGap developer needs to know:

Plugins have been renamed and the Cordova-CLI now supports fetching plugins from npm. We highly recommend reading about it in the plugins release blog post.<feature> tags have been renamed to <plugin> tags in your projects config.xml. Adding a <plugin> tag to your config.xml will fetch and install it on cordova prepareif it isn’t already installed.

Cordova Android@4.0.0 has been released and pinned as the default version for new projects. This includes support for pluggable WebViews! Read about it in the Android 4.0.0 release blog post.
  • Template app, Cordova App Hello World, has been moved to npm.
  • Added the ability to manage your plugin and platform dependencies in your project’sconfig.xml. When adding plugins or platforms, use the --save flag to add them toconfig.xml. Ex: cordova platform add android --save. Existing projects can usecordova plugin save and cordova platform save commands to save all previously installed plugins and platforms into your project’s config.xml. Platforms and plugins will be auto restored when cordova prepare is run. This allows developers to easily manage and share their dependencies among different PhoneGap development environments and with their coworkers.
  • The whitelist plugin and its security ramifications-the need to specify all external sources.Sample tags  Access to all the subdomains on google.com, for example mail.google.com and docs.google.com:
  • origin="http://*.google.com" />
  • CSP  the Content Security policy and the meta tag ( as per MozillaContent Security Policy (CSP) is an added layer of security that helps to detect and mitigate certain types of attacks, including Cross Site Scripting (XSS) and data injection attacks. These attacks are used for everything from data theft to site defacement or distribution of malware.Sample meta tag being:-
  •     
  •       content="default-src *;
  •                script-src * 'unsafe-inline' 'unsafe-eval'
  •                            127.0.0.1:*
  •   http://*.google.com
  •   https://*.google.com
  •                            http://*.gstatic.com
  •                            http://*.googleapis.com
  •                            https://*.gstatic.com
  •                            https://*.googleapis.com
  •     http://www.webprogr.com
  •             http://*.revmob.com
  •                            ;
  •                style-src  * 'unsafe-inline'
  •                            127.0.0.1
  •   http://*.google.com
  •   https://*.google.com
  •                            http://*.gstatic.com
  •                            http://*.googleapis.com
  •                            https://*.gstatic.com
  •                            https://*.googleapis
  •     http://www.webprogr.com
  •    https://*.revmob.com
  • ;
  • frame-src  *
  • "
  • >
The best way to debug continue to be Android Studio's monitor.bat but the earlier nice tag usage adb logcat CordovaLog:D *:S no longer works as they have replaced CordovaLog with 'Web Console' and these two words(why?) cause problem with grep.

The main problem is that not all plugins have been updated especially advertising,billing, Google analytics etc. And the PhoneGap developer would be at his wits end as Android Studio would refuse to compile what with the shenanigans of the constantly revised Google Play services versions!

Of course things are improving very fast daily with the smart people at Adobe, Apache, IBM and Google at work on the framework.