This is an absolute beginner’s tutorial for those of you who have never before deployed a Framework7 app to a real Android device. In this video tutorial you will learn how to:
- Create the app
- Build
- Deploy to Android Emulator
- Run on real Android device
Android Framework7 Video tutorial
Steps
Here are all the steps one more time:
1. Make sure phonegap/cordova is installed
$ npm install -g phonegap cordova
2. Install template
$ cordova create MyAppName --template=phonegap-template-vue-f7-blank
3. Run in browser
$ npm run dev
4. Add Android platform
$ phonegap platform add android
5. Install Android Studio
6. Set Android PATH
Check for SDK path in studio, then do:
$ export ANDROID_HOME=~/Library/Android/sdk
$ export PATH=$PATH:$ANDROID_HOME/emulator:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools
Make sure to add this to file ~/.bash_profile
!!
7. Install Gradle
$ brew install gradle
8. Create android virtual device
- Open Android Studio
- Click in menu bar tools -> AVD Manager
- Create new AVD
- Select system image
9. Run on emulator
$ cordova run android
10. Enable USB debugging on device
- Settings > About Phone > Build number > Tap it 7 times to become developer;
- Settings > Developer Options > USB Debugging.
11. Run on device
cordova run android --device