Test Waka

This commit is contained in:
Khoa Le
2016-06-15 17:55:21 +07:00
parent 7a8ea04159
commit 21ccbf14d5
110 changed files with 2978 additions and 0 deletions

55
create-mobile-app.md Normal file
View File

@@ -0,0 +1,55 @@
---
---
# Create a mobile app
## Table of contents
- [Preview in the Studio](#preview-in-the-studio)
- [Run on a simulator](#run-on-a-simulator)
- [Run on your devices](#run-on-devices)
- [Build your app](#build-your-app)
## Preview in the Studio
<img src="img/toolbar-mobile-preview.png" />
The mobile preview reloads automatically after any file changes occur:
<img src="img/mobile-live-reload.gif" />
## Run on a simulator
<img src="img/toolbar-mobile-run.png" />
Click on Run and track the progress on the Studio console:
<img src="img/mobile-simulator-launching.png" />
The simulator starts automatically and loads your app:
<img height="600px;" src="img/mobile-simulator.png" />
## Run on devices
- **iOS devices**: sign up for an Apple Developer account and set up XCode with your certificates to enable device testing. You can [build your iOS app](#build-your-app) and open the XCode project generated in `platforms/ios/` to test the configuration.
- **Android devices**: make sure you have [USB debugging enabled](http://developer.android.com/tools/device.html).
Wakanda Studio automatically detects supported device connected to the USB port.
Open the _Run_ dropdown and select the device to run on:
<img src="img/mobile-run-devices.png" />
## Build your app
Choose the platforms to build for:
<img src="img/mobile-build-dropdown.png" />
Click on _Build_ to generate a binary based on your [config.xml](http://cordova.apache.org/docs/en/latest/config_ref/index.html){:target="_blank"}:
<img src="img/mobile-build-progress.png" />
Then, click on the link to open the generated files:
<img src="img/mobile-build.png" />