cordova-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Parashuram N <>
Subject RE: Remote site plugin
Date Wed, 17 Feb 2016 21:59:40 GMT
Hey Brad,

This sounds pretty cool. Have you also looked at projects like ManifoldJS -
They also do almost the same thing. They also have a Cordova plugin that displays an error
page when you go offline. Note that Manifold is not a plugin, but a tool built on top of Cordova.

Here is a link to the plugin that does the online-offline scenario -

-----Original Message-----
From: Brad Reynolds [] 
Sent: Wednesday, February 17, 2016 11:29 AM
Subject: Remote site plugin

We built a Cordova app that wraps a remote site.  The only HTML page bundled in our app redirects
to our remote site on load.  I was new to Cordova at the time and was looking for the fastest
way possible to get the app out the door.  To do so I modified the generated iOS and Android
projects with the hooks I felt I needed in order to inject Cordova components and plugins
into the remote site.  It seems to be working for us and has been accepted by both app stores.

I'd like to package up the modifications for this as a plugin as we plan to build other apps
in the same manner.  I've been familiarizing myself with the plugin architecture and am not
sure if what I need is exposed on both platforms and thus this email to the dev list.  I'm
looking for guidance on how to implement the hooks I've listed below as a plugin.  The end
goal is to inject the Cordova components and plugins and allow the user to retry loading the
site upon error.  Below are details of the changes I made.  I'm going to keep digging on my
own but any direction would be greatly appreciated.

Brad Reynolds

## iOS

iOS was pretty simple to get up and running.  The generated MainViewController had page life
cycle methods that I was able to easily hook into and inject Cordova.

### MainViewController.m Changes:

1. Implemented `webViewDidFinishLoad:(UIWebView *)theWebView` to inject Cordova components.

To allow the user to retry reloading the current page upon failure:

1. Implemented `webView:(UIWebView *)theWebView didFailLoadWithError:(NSError *)error`.

## Android

Android was more difficult or at least I had to look for something other than page events.
 The end result was I used Android's `@JavascriptInterface` mechanism to make a JS object
available that would inject Cordova into the current page.  As a result all loaded pages needed
to look for this object and invoke an initialization function on it.

1. Subclassed SystemWebViewEngine and added config.xml entry to use our engine.
2. Subclassed SystemWebView and returned from our engine.
3. Within our SystemWebView subclass added a JavascriptInterface providing a hook back into
Android. When invoked this told the Adroid code it was time to inject Cordova.

To allow the user to retry reloading the current page:

1. Implemented MainActivity.onReceivedError(...).
View raw message