Skip to content

My 2020 vue.js + vuetify and cordova starter, made to build some Android APKs and sell them . French : Starter pour créer des apps APK Androids avec uniquement VUE.JS puis les vendre.

Notifications You must be signed in to change notification settings

estellederrien/vuetify-mobile-cordova

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

37 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Screenshot

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-cordova\dist content to cordovatest\www ,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é.

About

My 2020 vue.js + vuetify and cordova starter, made to build some Android APKs and sell them . French : Starter pour créer des apps APK Androids avec uniquement VUE.JS puis les vendre.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published