A simple API to speed up mobile Cordova development. The goal is to provide a stable and simple API to call HTTP REST endpoints and implement local caching according to HTTP server's response (as implemented by web browsers). The library will take care of caching the server's response when required, avoiding unnecessary trafic and data plan costs apart from speeding up the App.
It uses the best supported database for Cordova, which runs on Android, iOS and Windows platforms (see Cordova Storage documentation for further details).
The advantage of this library is having the same behavior across the supoprted platforms and the use of SQLite database. I was motivated to develop this lib due to the inconsistent behavior when communicating with one of our customer's backend as the cache was triggered sometimes in one platform and not in another and the quirks when saving simple key/value data on local database.
The library supports common HTTP operations for the purpose of mobile development. The most common errors (e.g. timeout, server error) are already handled; you just need to implement the callbacks where applicable.
HTTP operations:
- GET
- POST
- PUT
- DELETE
Implemented using SQLite database, supported on iOS, Android and Windows platforms.
For GET operations, the library will take care of caching the server response when needed, avoiding unnecessary network traffic and calls to backend processing routines and extra data usage.
Install Cordova (https://cordova.apache.org/docs/en/latest/guide/cli/#installing-the-cordova-cli). It depends on NodeJS and NPM.
To start a new Cordova project, execute (see https://cordova.apache.org/#getstarted):
cordova create MyApp
cd MyApp
cordova platform add <platform name e.g. ios, android>
npm install mobile-simple-rest-call --save
Then copy node_modules/mobile-simple-rest-call/dist/cordova-simplerestcall.min.js and node_modules/jquery/dist/jquery.min.js to your newly created project under www/js directory.
You'll need to import the required libraries on your index.html file and initialize the database:
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:; script-src * data: https://ssl.gstatic.com 'unsafe-inline' 'unsafe-eval';">
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script> <!-- here... -->
<script type="text/javascript" src="js/cordova-simplerestcall.min.js"></script> <!-- ...and here -->
<script type="text/javascript">
// Initializing the database for local caching and parameters
dbmgr.init();
</script>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>IMPORTANT NOTE: as this library is still being developed, the build is broken right now; I plan to fix the minified file in a couple of days.
To call a REST GET endpoint, you'll need just to call wscall.get(...):
wscall.get(
'http://myserver.org/users/1234',
// (Optional) query strings
null,
function(responseData) {
// Do something when the response is successful
},
function(error) {
// Do something when an error happens
}
);Similarly, to call a REST POST endpoint you'd invoke:
wscall.post(
'http://myserver.org/users',
// Data to be sent
{
"some_data": {
"foo": "bar",
"baz": 0.0,
"nil": null
}
},
function(responseData) {
// Do something when the response is successful
},
function(error) {
// Do something when an error happens
}
);The same applies to PUT and DELETEoperations:
wscall.put(
'http://myserver.org/users/1234',
// Data to be updated
{
"some_data": {
"foo": "bar",
"baz": 0.0,
"nil": null
}
},
function(responseData) {
// Do something when the response is successful
},
function(error) {
// Do something when an error happens
}
);wscall.delete(
'http://myserver.org/users/1234',
// (Optional) query strings
null,
function(responseData) {
// Do something when the response is successful
},
function(error) {
// Do something when an error happens
}
);Contributions are welcome! If you find a bug, or want to suggest an improvement please send me an email at opensource (at) glauber.me. You can also fill a bug report on Github and I'll work on it on my free time.
