ibonkonesa / device-monitor-client

Device monitor client based on Quasar framework

Device monitor client showcase

This example shows how to integrate with Device Monitor Daemon https://github.com/ibonkonesa/device-monitor-daemon Based in Quasar Cordova project

Dependencies

Quasar

$ npm install -g quasar-cli

Cordova

$ npm install -g cordova

Install

Clone this repository

$ git clone https://github.com/ibonkonesa/device-monitor-client.git

Install Quasar dependencies

$ npm install

Install cordova dependencies

$ cd src-cordova 
$ npm install 
$ cd ..

Firebase

You have to create a google-services.json file if you want to compile to Android. You have to create a GoogleService-Info.plist file if you want to compile to iOS.

Create Android or iOS in your Firebase Project Console and put this files at /src-cordova folder.

You must choose an unique app identifier (ex: com.ibonkonesa.device-monitor) when you add both apps. Then, you have to update some files with this identifier:

• package.json: Update cordovaId property
• src-cordova/package.json: Update name property
• src-cordova/config.xml: Update widget id attribute

Finally, in order to access to the real time database, go to Firebase Project Console and create a web app.

A config variable will be created. Just place this data at src/config/env.js

config: {
        apiKey: "",
        authDomain: "",
        databaseURL: "",
        projectId: "",
        storageBucket: "",
        messagingSenderId: ""
    }

Development

Once you have configured all stuff, just go to root path and execute

$ quasar dev -m cordova -T [ios|android]

Build

Read the official Quasar documentation about building signed packages at https://quasar-framework.org/guide/cordova-build-commands.html#Building-for-Production