{"_id":"56d1f33e00a2a70b00b365e8","category":{"_id":"56d1f33900a2a70b00b36597","__v":1,"pages":["56d1f33e00a2a70b00b365e8"],"project":"5526c95cf69851170038b48f","version":"56d1f33700a2a70b00b3658e","sync":{"url":"","isSync":false},"reference":false,"createdAt":"2015-04-20T21:00:22.526Z","from_sync":false,"order":8,"slug":"ionic-view","title":"Ionic View"},"project":"5526c95cf69851170038b48f","parentDoc":null,"__v":0,"user":"5526d4bb4a7ac121004c605c","version":{"_id":"56d1f33700a2a70b00b3658e","project":"5526c95cf69851170038b48f","__v":2,"createdAt":"2016-02-27T19:04:23.946Z","releaseDate":"2016-02-27T19:04:23.946Z","categories":["56d1f33900a2a70b00b3658f","56d1f33900a2a70b00b36590","56d1f33900a2a70b00b36591","56d1f33900a2a70b00b36592","56d1f33900a2a70b00b36593","56d1f33900a2a70b00b36594","56d1f33900a2a70b00b36595","56d1f33900a2a70b00b36596","56d1f33900a2a70b00b36597","56d1f33900a2a70b00b36598","56d1f33900a2a70b00b36599","56d1f33900a2a70b00b3659a","571f9497ada30c34003b7cee"],"is_deprecated":false,"is_hidden":false,"is_beta":true,"is_stable":true,"codename":"beta","version_clean":"2.0.0-beta","version":"2.0.0-beta"},"updates":[],"next":{"pages":[],"description":""},"createdAt":"2015-04-20T21:00:48.788Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":0,"body":"Ionic View makes it easy to test your Ionic apps on multiple devices without having to build and distribute application binaries. For example, you can send a test build to a client\nimmediately, as long as the client downloads and installs the Ionic View app on an iOS or Android device.\n\n## Supported plugins\n\nThe following is a list of plugins supported by View:\n\n* [ActionSheet](https://npmjs.com/package/cordova-plugin-actionsheet) `2.2.2`\n* [BarcodeScanner](https://npmjs.com/package/phonegap-plugin-barcodescanner) `5.0.0`\n* [BLE](https://npmjs.com/package/cordova-plugin-ble-central) `1.1.1`\n* [Bluetooth Serial](https://npmjs.com/package/cordova-plugin-bluetooth-serial) `0.4.5`\n* [Calendar](https://npmjs.com/package/cordova-plugin-calendar) `4.5.0`\n* [Camera](https://npmjs.com/package/cordova-plugin-camera) `2.2.0`\n* [Capture](https://npmjs.com/package/cordova-plugin-media-capture) `1.3.0`\n* [Contacts](https://npmjs.com/package/cordova-plugin-contacts) `2.1.0`\n* [DatePicker](https://npmjs.com/package/cordova-plugin-datepicker) `0.9.3`\n* [DBMeter](https://npmjs.com/package/cordova-plugin-dbmeter) `1.0.3`\n* [Device](https://npmjs.com/package/cordova-plugin-device) `1.1.2`\n* [Device Motion](https://npmjs.com/package/cordova-plugin-device-motion) `1.2.1`\n* [Device Orientation](https://npmjs.com/package/cordova-plugin-device-orientation) `1.0.3`\n* [Email Composer](https://npmjs.com/package/cordova-plugin-email-composer) `0.8.3`\n* [Geolocation](https://npmjs.com/package/cordova-plugin-geolocation) `2.2.0`\n* [Globalization](https://npmjs.com/package/cordova-plugin-globalization) `1.0.3`\n* [ImagePicker](https://npmjs.com/package/cordova-plugin-image-picker) `1.1.1`\n* [Keyboard](https://npmjs.com/package/ionic-plugin-keyboard) `2.2.0`\n* [Media](https://npmjs.com/package/cordova-plugin-media) `2.3.0`\n* [Network Information](https://npmjs.com/package/cordova-plugin-network-information) `1.2.1`\n* [Notification](https://npmjs.com/package/cordova-plugin-dialogs) `1.2.1`\n* [SocialSharing](https://npmjs.com/package/cordova-plugin-x-socialsharing) `5.1.1`\n* [SQLite](https://npmjs.com/package/cordova-sqlite-storage) `1.4.2`\n* [StatusBar](https://npmjs.com/package/cordova-plugin-statusbar) `2.1.3`\n* [Toast](https://npmjs.com/package/cordova-plugin-x-toast) `2.5.2`\n* [Touch ID](https://npmjs.com/package/cordova-plugin-touch-id) `3.2.0`\n* [Vibration](https://npmjs.com/package/cordova-plugin-vibration) `2.1.1`\n\n\n## Logging in\n\nAfter you've installed View, open it and either create a new Ionic account if you don't have one, or log in with your existing account. This is the same login you use at [apps.ionic.io](https://apps.ionic.io).\n\n## First run\n\nWhen you first open the app, you might see this screen, if you haven't uploaded any apps yet:\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/gDlaRv67QRWoGoqI57RA_empty-state-page.png\",\n        \"empty-state-page.png\",\n        \"640\",\n        \"1136\",\n        \"#4b89ee\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\nTo add an app to View, you first need to `upload` it to the Ionic Cloud using the [Ionic CLI](http://ionicframework.com/docs/cli/). To do this, run the following command in the root directory of your Ionic project:\n\n```bash\n$ ionic upload\n```\n\nIf you don't have any apps to upload, but you know the ID of an app you would like to view, see [Viewing Apps By App ID](#section-by-app-id).\n\n## Viewing apps\n\nThere are two ways to view apps: from your app list or by entering an app’s unique ID.\n\n### Your Apps\nIf you are the owner or collaborator of an app you can simply view it from your app list.\n\nOnce you’ve uploaded an app, or been added as a collaborator, it should be visible in your app list (you can pull-to-refresh to reload the data):\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/5a046af-ss-view-app-list.png\",\n        \"ss-view-app-list.png\",\n        640,\n        1136,\n        \"#f0f7f8\"\n      ]\n    }\n  ]\n}\n[/block]\nTap one of the app cards to bring up a popup with possible actions. You can view the app, clear its local files, sync the local files with the latest upload from the Ionic Cloud, or remove it from your account.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/9b5a13d-Simulator_Screen_Shot_Aug_15_2016_11.38.40_AM.png\",\n        \"Simulator Screen Shot Aug 15, 2016, 11.38.40 AM.png\",\n        640,\n        1136,\n        \"#f3fbfb\"\n      ]\n    }\n  ]\n}\n[/block]\n### By App ID\n\nIf you are not an owner or collaborator, but you know an app’s unique ID, you can enter it to view that app.\n\nIf you have not uploaded any apps yet, tapping the “Preview a shared app” button will bring you to the app preview page. If you already have an app list, tapping the eye icon on the left side of the header bar will bring you there.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/a9ac27f-preview-shared-app.png\",\n        \"preview-shared-app.png\",\n        640,\n        1136,\n        \"#f3fbfb\"\n      ]\n    }\n  ]\n}\n[/block]\n## App viewing controls\n\n### Exiting the App Preview\n\nWhen viewing an app, the app will take up the full screen. To exit the app, swipe three fingers down:\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/badb355-swipe-info.png\",\n        \"swipe-info.png\",\n        640,\n        1136,\n        \"#494949\"\n      ]\n    }\n  ]\n}\n[/block]\n### Submitting Feedback for App Previews\n\nYou can submit feedback for apps by swiping three fingers up to bring up a feedback form:\n\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/5492d8f-feedback.png\",\n        \"feedback.png\",\n        640,\n        1136,\n        \"#d8dadf\"\n      ]\n    }\n  ]\n}\n[/block]\nFeedback is visible to app owners in the feedback tab of the app's [dashboard](https://apps.ionic.io).\n\n**Notes:**\n\nRight now feedback can only be submitted by app owners and collaborators.\n\nAlso, the feedback feature has currently only been released on the iOS version of View, Android is currently under active development.","excerpt":"Using Ionic View","slug":"view-usage","type":"basic","title":"Usage"}

Usage

Using Ionic View

Ionic View makes it easy to test your Ionic apps on multiple devices without having to build and distribute application binaries. For example, you can send a test build to a client immediately, as long as the client downloads and installs the Ionic View app on an iOS or Android device. ## Supported plugins The following is a list of plugins supported by View: * [ActionSheet](https://npmjs.com/package/cordova-plugin-actionsheet) `2.2.2` * [BarcodeScanner](https://npmjs.com/package/phonegap-plugin-barcodescanner) `5.0.0` * [BLE](https://npmjs.com/package/cordova-plugin-ble-central) `1.1.1` * [Bluetooth Serial](https://npmjs.com/package/cordova-plugin-bluetooth-serial) `0.4.5` * [Calendar](https://npmjs.com/package/cordova-plugin-calendar) `4.5.0` * [Camera](https://npmjs.com/package/cordova-plugin-camera) `2.2.0` * [Capture](https://npmjs.com/package/cordova-plugin-media-capture) `1.3.0` * [Contacts](https://npmjs.com/package/cordova-plugin-contacts) `2.1.0` * [DatePicker](https://npmjs.com/package/cordova-plugin-datepicker) `0.9.3` * [DBMeter](https://npmjs.com/package/cordova-plugin-dbmeter) `1.0.3` * [Device](https://npmjs.com/package/cordova-plugin-device) `1.1.2` * [Device Motion](https://npmjs.com/package/cordova-plugin-device-motion) `1.2.1` * [Device Orientation](https://npmjs.com/package/cordova-plugin-device-orientation) `1.0.3` * [Email Composer](https://npmjs.com/package/cordova-plugin-email-composer) `0.8.3` * [Geolocation](https://npmjs.com/package/cordova-plugin-geolocation) `2.2.0` * [Globalization](https://npmjs.com/package/cordova-plugin-globalization) `1.0.3` * [ImagePicker](https://npmjs.com/package/cordova-plugin-image-picker) `1.1.1` * [Keyboard](https://npmjs.com/package/ionic-plugin-keyboard) `2.2.0` * [Media](https://npmjs.com/package/cordova-plugin-media) `2.3.0` * [Network Information](https://npmjs.com/package/cordova-plugin-network-information) `1.2.1` * [Notification](https://npmjs.com/package/cordova-plugin-dialogs) `1.2.1` * [SocialSharing](https://npmjs.com/package/cordova-plugin-x-socialsharing) `5.1.1` * [SQLite](https://npmjs.com/package/cordova-sqlite-storage) `1.4.2` * [StatusBar](https://npmjs.com/package/cordova-plugin-statusbar) `2.1.3` * [Toast](https://npmjs.com/package/cordova-plugin-x-toast) `2.5.2` * [Touch ID](https://npmjs.com/package/cordova-plugin-touch-id) `3.2.0` * [Vibration](https://npmjs.com/package/cordova-plugin-vibration) `2.1.1` ## Logging in After you've installed View, open it and either create a new Ionic account if you don't have one, or log in with your existing account. This is the same login you use at [apps.ionic.io](https://apps.ionic.io). ## First run When you first open the app, you might see this screen, if you haven't uploaded any apps yet: [block:image] { "images": [ { "image": [ "https://files.readme.io/gDlaRv67QRWoGoqI57RA_empty-state-page.png", "empty-state-page.png", "640", "1136", "#4b89ee", "" ] } ] } [/block] To add an app to View, you first need to `upload` it to the Ionic Cloud using the [Ionic CLI](http://ionicframework.com/docs/cli/). To do this, run the following command in the root directory of your Ionic project: ```bash $ ionic upload ``` If you don't have any apps to upload, but you know the ID of an app you would like to view, see [Viewing Apps By App ID](#section-by-app-id). ## Viewing apps There are two ways to view apps: from your app list or by entering an app’s unique ID. ### Your Apps If you are the owner or collaborator of an app you can simply view it from your app list. Once you’ve uploaded an app, or been added as a collaborator, it should be visible in your app list (you can pull-to-refresh to reload the data): [block:image] { "images": [ { "image": [ "https://files.readme.io/5a046af-ss-view-app-list.png", "ss-view-app-list.png", 640, 1136, "#f0f7f8" ] } ] } [/block] Tap one of the app cards to bring up a popup with possible actions. You can view the app, clear its local files, sync the local files with the latest upload from the Ionic Cloud, or remove it from your account. [block:image] { "images": [ { "image": [ "https://files.readme.io/9b5a13d-Simulator_Screen_Shot_Aug_15_2016_11.38.40_AM.png", "Simulator Screen Shot Aug 15, 2016, 11.38.40 AM.png", 640, 1136, "#f3fbfb" ] } ] } [/block] ### By App ID If you are not an owner or collaborator, but you know an app’s unique ID, you can enter it to view that app. If you have not uploaded any apps yet, tapping the “Preview a shared app” button will bring you to the app preview page. If you already have an app list, tapping the eye icon on the left side of the header bar will bring you there. [block:image] { "images": [ { "image": [ "https://files.readme.io/a9ac27f-preview-shared-app.png", "preview-shared-app.png", 640, 1136, "#f3fbfb" ] } ] } [/block] ## App viewing controls ### Exiting the App Preview When viewing an app, the app will take up the full screen. To exit the app, swipe three fingers down: [block:image] { "images": [ { "image": [ "https://files.readme.io/badb355-swipe-info.png", "swipe-info.png", 640, 1136, "#494949" ] } ] } [/block] ### Submitting Feedback for App Previews You can submit feedback for apps by swiping three fingers up to bring up a feedback form: [block:image] { "images": [ { "image": [ "https://files.readme.io/5492d8f-feedback.png", "feedback.png", 640, 1136, "#d8dadf" ] } ] } [/block] Feedback is visible to app owners in the feedback tab of the app's [dashboard](https://apps.ionic.io). **Notes:** Right now feedback can only be submitted by app owners and collaborators. Also, the feedback feature has currently only been released on the iOS version of View, Android is currently under active development.