The Official Ionic Blog

Build amazing native and progressive web apps with HTML5

Today, we’re excited to announce that Ionic View for iOS and Android are now in public beta!

The alpha version has been live in the App Store for a while now, and after much updating and testing, we are confident it is ready to become a useful part of your Ionic development toolchain. We wanted to get View out to people as soon as possible, so it may feel somewhat spare at first, but there are still many exciting features in the pipeline!

What is Ionic View? How Does it Fit into My Workflow?

Ionic View functions like your own mobile app portfolio. It allows you to easily view, share, and test the Ionic apps you are developing across devices – your own, a client’s, or the person in the cubicle next to you (and by cubicle, we mean the pool chair at your beachside resort).

Getting Started

Ionic View integrates with the Ionic command line to populate your app portfolio. Once you’ve made sure to update your ionic-cli version to at least 1.3.2, starting and uploading an app is as easy as:

$ ionic start myApp
$ cd myApp
$ ionic upload

You’ll be prompted to login with your Ionic account, and upon doing so, your app will be visible in Ionic View.

How it Works

View uses the Cordova inAppBrowser plugin to launch your apps in their own separate WebView, so you can preview and test them. Normally, inAppBrowser only displays web content, but we might have hacked it a little to give apps access to the Cordova API and plugins. Ionic apps are hybrid apps for a reason, and a preview is not the same without plugin support! At the moment, plugin access is restricted to a specific subset of plugins, including GeoLocation, Keyboard, StatusBar, and BarcodeScanner, and we will be testing and adding many more in the coming weeks and months.

Best of all, View is an Ionic app! We hope it sets a good example of the native-quality mobile apps that are possible with Ionic.

Looking Forward

We’ll continue to add support for new plugins as we review and test them. We’ll also be fixing some known “quirks” (you mean you didn’t want your app links to expire after five minutes of having the app open?) in the next few weeks, and we’re looking forward to adding features like auto updating and the ability to sync with a livereload server in the near future, too.

Download Ionic View from Apple’s App Store or the Google Play Store.

Have a plugin in your app that’s not supported yet? Having issues with the app? Feature request? Let us know on the forum, hit Tim up on Twitter, or open an issue on Github!

  • http://github.com/jrschumacher Ryan Hamilton Schumacher

    For those like me who had used this before (or didn’t know) Cordova API support was added take note of the How it Works bit.

  • Vineeth Vijayan

    i cannot sync my apps through ionic view. Shows Sync FAILED : ERROR 200

  • vincpa

    Can users who do not have an ionic account view my application? I am a contractor and it would be great for quick feedback if I could just share my app with them.

  • Bernd L

    Would Ionic View also be available for Windows Phone?

  • Ed Mamerto

    keyboard plugin doesn’t seem to work in ionic view 🙁

  • Elham Sarikhani

    does ionic view supports inAppBrowser in iOS?

  • HAT.

    Amazing. Working just fine and smooth in iPhone 6.

  • HAT.

    Verified

  • Kishan B

    Any timelines on ionic plugin requests here https://github.com/driftyco/ionic-view-issues/issues

    ??

  • Ian Poston

    Nicely done ionic team! It took me a while to realize I needed to download the app on a actual phone to see the view. No common sense on my part. But knowing this is new and there are probably some things that don’t fully work yet I am having a few issues. One is my app uses an api that has links that redirects to a src but then if I do click the link I’m stuck there and can’t get back to the app unless I close it and reopen. This feature was working on the emulator. And the images are not showing which are pulled from the api. This feature also worked on the emulator. Just wondering if this is the ionic view fault or I need to fix something. Thanks!

    • Mayank vora

      Same Issue for me.

  • A.B

    hello,
    there is a problem with displaying ionic 2 app in the ionic view app.(its not appear at all!)
    any idea how we can solve this?

    • yesimahuman

      Can you email us? max AT ionic DOT io, we want to figure out what’s going on.

  • Dale Bailey

    Amazing, I did notice an issue with my ionic 2 app that uses inappbrowser itself to oAuth it seems to take over ionic view’s inappbrowser rather than nest it, will it be possible to use this kind of feature in the future?

  • Esteban G.

    It looks like there is an issue where the status bar cannot be disabled when testing an app for iOS?

  • T-Money

    With Ionic View, do I still need emulators?

  • Rajkiran Panuganti

    Can you please ship Ionic View for windows ‘DESKTOP’

  • Anthony Anci

    If I want to view my Apps on iOS Ionic View, do I have to add the iOS plugin on my Project?

  • Adrian Voicu

    I’m receiving this error when upload the app:

    Logged in! 🙂
    Uploading app…

    An error occurred uploading the build: SyntaxError: Unexpected token <

    SyntaxError: Unexpected token <
    at Object.parse (native)
    at IncomingMessage. (/usr/local/lib/node_modules/ionic/node_modules/ionic-app-lib/lib/upload.js:309:25)
    at emitNone (events.js:72:20)
    at IncomingMessage.emit (events.js:166:7)
    at endReadableNT (_stream_readable.js:921:12)
    at nextTickCallbackWith2Args (node.js:442:9)
    at process._tickCallback (node.js:356:17)

    Unexpected token < (CLI v2.2.1)

    Your system information:

    Cordova CLI: 6.5.0
    Ionic CLI Version: 2.2.1
    Ionic App Lib Version: 2.2.0
    ios-deploy version: 1.8.6
    ios-sim version: 5.0.8
    OS: macOS Sierra
    Node Version: v4.5.0
    Xcode version: Xcode 8.2.1 Build version 8C1002