Awesome

CordovaSQLite

A custom plugin for accessing SQLite databases through Cordova. The plugin API is different from the WebSQL API that is used in other plugins.

Installation

Use cordova CLI to install the plugin:

Uninstallation

Use cordova CLI to uninstall the plugin:

API

The API contains the following functions:

• openDatabase(fullPath, toCreate, successCallback, errorCallback): Method to open a database.
  • fullPath: Full path to the database file.
  • toCreate: Whether to create the database if it does not exist.
  • successCallback
  • errorCallback
• execQuerySingleResult(sql, params, successCallback, errorCallback): Executes a query and returns a single string. Note: number is returned as string and have to eval()-ed before using.
  • sql: SQL string.
  • params: An array of parameters, to be used for binding with the SQL string.
  • successCallback
  • errorCallback
• execQueryArrayResult(sql, params, successCallback, errorCallback): Executes a query and returns a 2D javascript array. Rows are records and columns are data cols. Note: number is returned as string and have to eval()-ed before using.
  • sql: SQL string.
  • params: An array of parameters, to be used for binding with the SQL string.
  • successCallback
  • errorCallback
• execQueryNoResult(sqlStatements, successCallback, errorCallback): Executes a bunch of queries, which doesn't return any result.
  • sqlStatements: Array containing sql statements like INSERT, UPDATE, DELETE. No provision for providing binding parameters here, so parameters have to be embedded in the query string itself, if required.
  • successCallback
  • errorCallback
• closeDB(): Closes a database connection safely.

Sample Code

The following code assumes an existing database file. Creating a new database file with some data would work the same way.

Platform Notes

iOS

For iOS platform, after you add the plugin, you will also have to add "libsqlite3.0.dylib" for linking. To do that, perform the following:

• Click on the project name on the left pane in XCode. That would load the project configurations.
• Click on the 'Build Phases' tab. Next select 'Link Binary With Libraries'
• Click the '+' icon to add a library. In the dialog box that appears, search for sqlite and select "libsqlite3.0.dylib".

browser

One of the important aspect of developing apps with Cordova is that one should be able to test out the app completely from a browser environment, without having to build for a platform everytime. Unfortunately, many plugins lack the components for browser. This plugin can be tested out in a compatible browser environment. This is tested on Firefox (v34.0.5) and on Chrome (Version 42.0.2311.152 m).

There are prerequisites to running the plugin in a browser environment.

Firefox

• Install the "HTML5 WebSQL for Firefox" plugin v0.6. Can be found at: https://github.com/Sean-Der/WebSQL-For-FireFox
  • Restart the browser.
• Also, if you are using this plugin to interact with a SQLite file, you would presumably need the File plugin as well. Unfortunately, File plugin is not available for browser. You have to roll out your own version for the browser by looking at the existing plugins.

The databases will be available at the following locations:

• Windows 7: %appdata%\Mozilla\Firefox\Profiles\xxxxxxxx.default\databases\file__
  • xxxxxxxx is the alpha-numeric key of the profile you are using in FF.

In order to use database in the browser for testing your app, follow one of the strategies below:

• Create a database file in the location (mentioned above), with the required data. The file must have '.sqlite' extension. Then configure the app and specify only the filename before extension as the 'database full path'.
• You can create the database from your app (and let the app show an error message the first time). Then browse to the folder and populate the database using command line tools before using it the next time.

Chrome

• No plugin to install - Chrome supports using SQLite out of the box.
• The comment about File plugin holds for Chrome browsers as well (see the section for FF).

The database will be available at the following location:

• Windows 7: C:\Users[UserName]\AppData\Local\Google\Chrome\User Data\Default\databases\file__0
  • The database file names would be just numbers, e.g., 1, 2, 3, etc.

In order to use database in the browser for testing your app, do as follows:

• You can create the database from your app (and let the app show an error message the first time).
• Then browse to the folder mentioned above and locate the database.
  • In order to locate the correct database, you can query the "Databases.db" file at the parent folder. E.g.

• Populate the database using command line tools before using it the next time. Alternatively, you can copy over a prepared database and rename it to what the expected number would be.