Hi guys!

Perhaps many of you have been as lost as I when I tried to use Quasar / Cordova / Firebase Messaging … I’ll just summarize it, it took me weeks to understand how the plugins work and how Quasar works with Cordova (Although there are still many things not I understand)

For that reason I am writing this post, I hope to help you with this.

1. Read the post for Android 9.0.0 You will understand many things by reading that post.

2. Update cordova run npm install -g cordova.

3. Install the quasar mode for cordova run quasar mode add cordova

4. after that go to the src-cordova folder

5. run this cmd for install Android 9.0.0 cordova platform add android@9.0.0

6. Install the plugins for firebase meesaging, Dynamics Links and Analytics

cordova plugin add cordova-plugin-androidx-adapter

cordova plugin add cordova-plugin-firebase-messaging

cordova plugin add cordova-plugin-firebase-dynamiclinks --variable APP_DOMAIN_NAME="mydomain.page.link"

PD: If you read item 1, you will understand why it is necessary to install cordova plugin add cordova-plugin-androidx-adapter plugin.

PD1: To use Auth, Firestore, Realtime or another, SDK Client for Javascrip will be enough, however if you will use FCM you will need to install the last listed plugins.

PD2: After to run the App, you need paste the google-service.json on the folder src-cordova

7. finally, run the cmd for test de App quasar dev -m cordova -T android

Ok, this is my history to long hours to work… After resting and really thinking about what I was doing, I realized that I was doing everything the other way around … stress can play tricks on you.

Well, I was loading my DEV project to Heroku … ufff OMG!!! , sometimes one goes from being an 8 generation i7 processor to being an MMX 233 .

In summary, I uploaded my dist/ssr folder to heroku and properly configured the script to first install the dependencies and then run the application . Everything works now .

"scripts": { "start": "node index.js", "build": "yarn" },

Patience, patience, patience… myselft!

Hi @omgwalt

I think that the best way is use q-table, check this sample: https://codepen.io/nomada86/pen/gOpZpEm?editable=true&editors=101
You can custom the card if you want https://quasar.dev/vue-components/table#Grid-style

If this not working for you, then you will need use code, I build a simple sample, check: https://codepen.io/nomada86/pen/zYGyvBO
You will need work in this code

Hi guys,

Event filter of QSelect support 3 param input, Val: String, Update: function and Abort: Function too.

Maybe it’s a very silly question, but I really don’t know how to do it, how to can I send a Custom value in VAL parameter and keeping the UpdateFn and AbotFN?

Hello, does anyone know how to deal with this plugin? The handling of the push in Cordova has really been a headache.

I am having the following error:

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':app:compileDebugJavaWithJavac'.
> Compilation failed; see the compiler error output for details.

In the gradle.properties file I have:

android.useAndroidX=true
android.enableJetifier=true

and I add the following plugins:

• cordova-android-firebase-gradle-release
• cordova-android-play-services-gradle-release
• cordova-plugin-fcm-with-dependecy-updated

the query cmd used to run is:

quasar dev  -m cordova -T android -p 8082"

If you have any idea how to solve this issue, please light my way, I’m lost!

Hello

This is the solution that I found to use Cordova and Firebase Messaging.

1. First you need to remothe the folder src-cordova, Make a backup of the files and folder:

• ‘res’ folder
• google-services.json
• config.xml
• package.json

2. run the instructions according to https://quasar.dev/quasar-cli/developing-cordova-apps/preparation but with the following explanation:

2.1. Run npm install -g cordova this will install the last version available for cordova.
2.2. Later run quasar mode add cordova and go to the src-cordova folder.
2.3. After that, add the latest version of Android, which as of the date of this post is version 9.0.0, run the cmd cordova platform add android@9.0.0
2.4. next install the followings plugins:

cordova plugin add cordova-plugin-androidx-adapter
cordova plugin add cordova-plugin-firebase-messaging
cordova plugin add cordova-plugin-firebase-dynamiclinks

2.5. Finally, if you maked a backup of the files, you need just restore the ‘res’ folder and the ‘google-service.json’… you can check config.xml file just for check you custom setup and the packege.json file for check the plugins installed.

Hi guys!

Perhaps many of you have been as lost as I when I tried to use Quasar / Cordova / Firebase Messaging … I’ll just summarize it, it took me weeks to understand how the plugins work and how Quasar works with Cordova (Although there are still many things not I understand)

For that reason I am writing this post, I hope to help you with this.

1. Read the post for Android 9.0.0 You will understand many things by reading that post.

2. Update cordova run npm install -g cordova.

3. Install the quasar mode for cordova run quasar mode add cordova

4. after that go to the src-cordova folder

5. run this cmd for install Android 9.0.0 cordova platform add android@9.0.0

6. Install the plugins for firebase meesaging, Dynamics Links and Analytics

cordova plugin add cordova-plugin-androidx-adapter

cordova plugin add cordova-plugin-firebase-messaging

cordova plugin add cordova-plugin-firebase-dynamiclinks --variable APP_DOMAIN_NAME="mydomain.page.link"

PD: If you read item 1, you will understand why it is necessary to install cordova plugin add cordova-plugin-androidx-adapter plugin.

PD1: To use Auth, Firestore, Realtime or another, SDK Client for Javascrip will be enough, however if you will use FCM you will need to install the last listed plugins.

PD2: After to run the App, you need paste the google-service.json on the folder src-cordova

7. finally, run the cmd for test de App quasar dev -m cordova -T android

Hello

This is the solution that I found to use Cordova and Firebase Messaging.

1. First you need to remothe the folder src-cordova, Make a backup of the files and folder:

• ‘res’ folder
• google-services.json
• config.xml
• package.json

2. run the instructions according to https://quasar.dev/quasar-cli/developing-cordova-apps/preparation but with the following explanation:

2.1. Run npm install -g cordova this will install the last version available for cordova.
2.2. Later run quasar mode add cordova and go to the src-cordova folder.
2.3. After that, add the latest version of Android, which as of the date of this post is version 9.0.0, run the cmd cordova platform add android@9.0.0
2.4. next install the followings plugins:

cordova plugin add cordova-plugin-androidx-adapter
cordova plugin add cordova-plugin-firebase-messaging
cordova plugin add cordova-plugin-firebase-dynamiclinks

2.5. Finally, if you maked a backup of the files, you need just restore the ‘res’ folder and the ‘google-service.json’… you can check config.xml file just for check you custom setup and the packege.json file for check the plugins installed.

Hello, does anyone know how to deal with this plugin? The handling of the push in Cordova has really been a headache.

I am having the following error:

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':app:compileDebugJavaWithJavac'.
> Compilation failed; see the compiler error output for details.

In the gradle.properties file I have:

android.useAndroidX=true
android.enableJetifier=true

and I add the following plugins:

• cordova-android-firebase-gradle-release
• cordova-android-play-services-gradle-release
• cordova-plugin-fcm-with-dependecy-updated

the query cmd used to run is:

quasar dev  -m cordova -T android -p 8082"

If you have any idea how to solve this issue, please light my way, I’m lost!

HI @daithi, did you fix this issue?

Hi Guys, maybe you can help me

I am try to use the plugin phonegap-nfc, I can-t to use this plugin on my Quasar project, Does anyone have any idea how to use this plugin with quasar and cordova?

https://github.com/chariotsolutions/phonegap-nfc

Hi guys,
I need you help, it’s my first time build a mobile app using cordova. I have a PWA SSR builded with Quasar, now I want build this app to cordova, I prepared the app using the quasar doc guide. I created an APK and test on DEV mode, all is OK, however, when I try load to Google Play, the system are showing alert about Unused resources.

I run the cmd quasar build -m android --ideIDE and run the gradlew lint command, and I got more details:

../../src/main/res/xml/config.xml:2: The resource R.xml.config appears to be unused
  1 <?xml version='1.0' encoding='utf-8'?>
  2 <widget id="app.eurus.pro" version="4.9.44" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
  3     <feature name="Whitelist">
  4         <param name="android-package" value="org.apache.cordova.whitelist.WhitelistPlugin" />
  5         <param name="onload" value="true" />
../../src/main/res/drawable-land-hdpi/screen.png: The resource R.drawable.screen appears to be unused

Do you know how can I solve this issue?

Hi @omgwalt

I think that the best way is use q-table, check this sample: https://codepen.io/nomada86/pen/gOpZpEm?editable=true&editors=101
You can custom the card if you want https://quasar.dev/vue-components/table#Grid-style

If this not working for you, then you will need use code, I build a simple sample, check: https://codepen.io/nomada86/pen/zYGyvBO
You will need work in this code

Hi,
you could try re-install nodeJS (Download the last version - LST) and reinstall quasar

# or
$ npm install -g @quasar/cli```

Are you using SO Windows?, maybe is a good idea change npm to Yarn.

Thanks so much!

Hi guys!

Do you have some issue with the website quasar.dev? I have been trying to access from 3 days ago but I am receiving a timeout response.