Skip to content

ibonkonesa/device-monitor-client

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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