Clone, and cd into the cordevicljs
folder.
lein figwheel
Wait for figwheel to finish and notify browser of changed files!
Then in another terminal tab:
lein run
Be sure to have the Apache Cordova CLI installed and then in a third tab:
cd resources
cordova platform add browser
cordova platform add ios|android
cordova plugin add cordova-plugin-device
cordova plugin add cordova-plugin-dialogs
cordova plugin add cordova-plugin-splashscreen
If the plugins return 404s, you can try installing directly from git
cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-device.git
cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-dialogs.git
cordova plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-splashscreen.git
If you want to test in the browser, you need to remove the splashscreen plugin from the browser platform. To do this, perform the steps below. If you don't care, you can skip directly to testing on devices!
[With older versions of cordova browser platform, you needed to remove the splash plugin as described below, this is not needed for newer versions!]
-
Inside the resources/platforms/browser/www folder, open the cordova_plugins.js file and remove the two references to splashscreen plugin under module.exports.
-
Remove the folder resources/platforms/browser/www/plugins/cordova-plugin-splashscreen
-
Inside the resources/plugins folder, edit the browser.json file and remove the reference to the splashscreen plugin under installed_plugins.
Now you can test in browser. Still in resources
, where config.xml
resides, run
cordova run browser
This should show a mobile flat UI native like interface with a slider menu and a JavaScript alert telling you that Native Device bridge is working.
(If you are running linux you have to patch platforms/browser/cordova/run
as documented here http://stackoverflow.com/questions/29730482)
Then to test in device emulator:
cordova run ios|android
Refer to XCode/Android SDK manuals if this won't work.
If it works you should see the same app as before, but this time with a real native dialog instead of a JavaScript alert.
cordova run ios|android --device
It's that simple! :)
PS: If you get a warning when installing on iOS device about backup to iCloud, you can disable this by following the steps in the second reply here: http://stackoverflow.com/questions/18717339/where-can-i-change-the-backupwebstorage-property-in-my-phonegap-app
Please don't hesitate to contact us if you have any questions/suggestions etc.!
If you want to know all the steps we've went through to convert Rente to CorDeviCLJS, read cordevicljs-howto.textile (might be converted to Markdown at some point).
Ourselves - CorDeviCLJS is based on Enterlab Rente, which can be found here: https://github.com/enterlab/rente.
And the people enabling the tech that Rente is based upon (see Special Thanks in the Rente README for further info).
Copyright © Enterlab 2015
Distributed under the Eclipse Public License either version 1.0 or (at your option) any later version.