vuetify mobile cordova

My vue.js + vuetify and cordova starter, made to build APKS and sell them .

Description :

Nowadays, it is now possible to create an Android APK, and to sell it, by simply compiling the vue.js app using CORDOVA ! No need to use IONIC any more ! As long as your general CSS medias queries are well done in App.vue, it is good looking on all device, and code stays easy to do.

Présentation :

On peut désormais créer un APK Android et le vendre, en compilant une simple application réalisée en VUE.JS avec CORDOVA. Plus besoin d'utiliser le framework IONIC ! Le serveur, lui, peut rester en ligne sur Heroku, par exemple, et la base de données sur mongoDb atlas . Ca va vraiment très vite si on n'utilise plus Ionic et qu'on fait bien les styles CSS responsive queries dans le fichier App.vue, ça passe sur tous les matériels.

Official Link(French)

https://fr.jeffprod.com/blog/2018/creer-une-application-android-avec-cordova-et-vuejs/

If you need to use Cordova plugins like Camera (French):

https://cours.brosseau.ovh/tp/cordova/vuejs_cordova.html

Project setup

1. Clone this depot using SMARGIT, then run
   npm install

2. Install a cordova app in another directory
   cordova create cordovatest com.exemple.test "My app"

3. Install Android Studio, SDK , JDK , Gradle then check that everything is ok:
   cordova requirements

Developping the front end vue.js app :

npm run serve

Then, gotto the src directory and start developping. Développer l'application vue.js sur localhost:8080 : tout se passe dans le rep src

Packing the production app :

#Go to the vuetify-mobile-cordova dir then hit:
npm run build

The packaged app will appear in the dist directory. Packager l'application front end vue.js pour la production :

Build the APK :

Moove the vuetify-mobile-cordovadist content to cordovatestwww ,then run :

cordova build android --prod

Preview APK :

cordova run android

Sell it on GOOGLE STORE :

You have to sign the APK
Vous devez signer l'apk et ouvrir un compte google store dev.
Check this link :
https://fr.jeffprod.com/blog/2018/creer-une-application-android-avec-cordova-et-vuejs/

Run your vue.js tests

npm run test

Lints and fixes files

npm run lint

Adb problems :

https://adbdriver.com/downloads/

Tested OK on :

• Android 8.0 - Mobile Phone

Preview the APK = KO on :

• Android 4.0 ( Seems to be too old) - Samsung tablet

Known Problems - Problèmes connus

• USB port is not powerful enough, add a powered usb hub . Le port USB ne débite pas assez de courant, ajouter un hub USB alimenté.