My vue.js + vuetify and cordova starter, for building APKS and sell them

My vue.js + vuetify and cordova starter, for building 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.

Presentation :

We can now create an Android APK and sell it, by compiling a simple application made in VUE.JS with CORDOVA. No need to use the IONIC framework anymore! The server can stay online on Heroku, for example, and the database on mongoDb atlas. It goes really very quickly if we no longer use Ionic and we do the CSS styles responsive queries in the App.vue file, it works on all hardware.

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

Clone this depot using SMARGIT, then run
#npm install
Install a cordova app in another directory
#cordova create cordovatest com.exemple.test "My app"
Install Android Studio, SDK, JDK, Gradle then check that everything is ok:
#cordova requirements

Developping the front end vue.js app:

Develop the vue.js application on localhost: 8080: everything happens in the \ src directory

Go to the \ vuetify-mobile-cordova dir, then hit, to start the dev env:

#npm run serve

Then, gotto the \ src directory and start developping .

Packing the production app:

Package the vue.js front end application for production:

Go to the \ vuetify-mobile-cordova dir then hit:

#npm run build

the packaged app will appear in the \ dist directory.

Build the APK:

Moove the \ vuetify-mobile-cordova \ dist content to cordovatest \ www, then run:

#cordova build android --prod

Preview the APK:

#cordova run android

Sell it on the GOOGLE STORE:

you have to sign the APK

You need to sign the apk and open a google store dev account.

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 - Known Problems

USB port is not powerful enough, add a powered usb hub. The USB port is not drawing enough current, add a powered USB hub.

About

My 2020 vue.js + vuetify and cordova starter, for building Android APK and sell them. French: Starter to create APK Androids apps with only VUE.JS then sell them.