The Official Ionic Blog

The next generation HTML5 hybrid app development SDK

Hey Ionites,

We’ve been a bit quiet over here post RC0 launch because, frankly, we’ve been heads down making tweaks and fixing things based on feedback and issues filed from the release.

We have a few updates available that address issues and we ask that you update as soon as possible.

First, update the version of @ionic/app-scripts in your Ionic 2 app with

npm install @[email protected] --save-dev

Second, update your Ionic CLI using

npm install -g ionic

If you were using the beta tag for the Ionic CLI, make sure to npm uninstall -g ionic first and then install it again, otherwise the install will fail.

Finally, to make sure you have the proper dependencies in your Ionic 2 app, update your package.json to use the dependencies listed in this example package.json.
Read more…

It’s pretty much unavoidable that we’re going to need to pass data around our app at some point. Why? Because apps are made up of a whole bunch of views and user interactions and…stuff, none of which tend to exist in isolation. Whether we’re talking about data pulled in via a REST API, collected from a user input, generated client-side, or whatever else, it is often the case that we’ll need to use it in more than one place to create the types of rich experiences users have come to expect from mobile. At the same time, resources like data usage and battery life are limited on mobile, so we want to keep things like network requests and computation to a minimum whenever possible. Keep it DRY (don’t repeat yourself), as the old saying goes.

In today’s blog post, we’ll take a look at two ways to do this in an Ionic 2 app: Angular services and Ionic nav params.
Read more…

Ionic 2 RC0
Well, hello there, wonderful people! You may have noticed that we’ve been a bit quiet since the last release of Ionic and may have been wondering where we ventured off to. We’ve been hard at work prepping the Ionic 2 Release Candidate! We’re happy to announce that it’s finally here, along with some major performance improvements and new features!

All The excitement

Now, before you rush off to update your dependencies, please take the time to read over this section of the changelog. There are several structural changes to the setup and build process that need to be made before your app can be upgraded. The changelog goes over the update process. Without these changes, your app will not be upgradeable.

Read more…

Yesterday, we hosted a webinar with our partner Neumob called “Building Mobile Apps With Performance and Speed,” in which Ionic’s Developer Advocate, Alex Muramoto, and Neumob’s Mobile Evangelist, Tom Catterall, tackled questions like:

  • What’s the current state of hybrid app development?
  • What are some best practices in designing for challenging mobile network conditions?
  • What tools are available in 2016 that will help your apps outperform your competition?

You can watch the webinar and the attendee Q&A below. Alex’s talk, “Building Performant Hybrid Apps,” comes first, followed by Tom’s presentation, “A Crash Course in Networking for Mobile,” and the Q&A. Enjoy!

Built with Ionic: Wavve app
Wavve is an engagement platform built with Ionic that allows listeners of audio content to post short voice clips back to shows and talk with other listeners as a community.

“Wavve is a powerful, easy-to-use platform helping broadcasters to engage listeners, improve content marketing, reach wider audiences, and sell more sponsorships,” says Wavve cofounder and CTO Nick Fogle, who was a lawyer until his passion for tech drove him to switch from legal code to computer code. “Imagine a cross between Twitter and a verbal message board packed with marketing tools, which is perfect for radio shows and podcasts.”

The Wavve team launched their iOS and Android mobile apps this year.

“Our early partners in the radio industry are giving us great feedback,” says Fogle. “They haven’t seen much innovation in recent years, and their listeners love the community interaction.”
Read more…

There’s lots of things that can make a mobile app successful–a great user experience, an intuitive and performant UI, not crashing, and actually being useful are just a few crazy ideas that just might work. But at the end of the day, apps first need to be discovered. There’s currently something to the tune of over two million apps in the Apple App Store and two million apps in the Google Play Store, all fighting for your attention in a dystopian, Thunderdome-like scenario. Conceptually it’s something like this:


What I’m trying to say is, there’s a lot of competition, which can make it very hard for a new app to get noticed, let alone downloaded. It’s pretty bleak. So how to triumph and rise to the top of the charts? One of the best ways to break out of the crowd is to get positive ratings and reviews from your users.

In this post, we’ll take a look at one of the most common ways to get users to rate and review apps: by asking them to. Specifically, we’ll take a look at the App Rate plugin in Ionic Native, which makes it easy to prompt users to rate and review your app.

It’s useful, simple, and best of all, it doesn’t require a 1980’s special effects hellscape to accomplish.
Read more…

As you know, we’re huge fans of progressive web apps, which are distributed with just a URL, offer an app-like experience using modern web APIs, and allow users of your app to get instant access to your app’s functionality, all without having to download your app from an app store. It’s been a top priority of ours to make PWAs a first-class citizen right out of the box, and we are happy to let you know that the first iteration of that is now available when you create a new Ionic 1 or Ionic 2 app!
Read more…

Service Workers are one of the most useful yet misunderstood APIs to come to the JavaScript world in years. They open up a whole world of functionality to the web and are an integral part of Progressive Web Apps. Service workers give the web independence from the network and allow you to decide exactly how your app uses the network. They also give the web new powers, such as push notifications, that can be the key to providing an “app-like” experience to users of your PWA. Also, in the near future, service workers will be built into Ionic 2 projects and will be extremely easy to enable in your Ionic 2 apps.
Read more…

Howdy, folks! So by now, you’ve heard about how as of June 1, 2016, Apple is forcing apps to use IPv6 and figured out what that means for your app. Oh, wait…you haven’t? Ah, OK. Well, thankfully, this article covers some of the details. Take a read–I’ll just wait here for you.

Hey, you’re back! All right, let’s get into what this means for your app.

Some background

During development of your app, you’ve probably made an HTTP request or two. It’s a fairly standard practice. Sometimes you’re even able to build out your own API and control that, as well as your app. But chances are your API is built on IPv4, and as of this summer, Apple has made the move to require all APIs to use IPv6. So what does this mean, and why do you need to do this?

What Apple’s rules mean for your app

For the most part, developers really shouldn’t have to do anything! Apple’s rules state that in a IPv6-only environment, your app needs to be able to work. For your custom APIs, your hosting provider should support IPv6, as well as IPv4 at the same time.

The only caveat to this is if you hard-code a IP address, which won’t pass Apple’s IPv6 test. You’ll need to switch the IP to the hostname, instead.

But I’m not hard-coding an IP address! What should I do?

If you happen to be using a hostname but still run into issues, chances are you API is not available through an IPv6-only environment. In this situation, you should either reach out to your hosting provider or create a middleware that is hosted on a IPv6 reachable service, like Digital Ocean.

A brief history lesson on IPs

Back in the 1980’s, when the internet was still ARPANET, computers needed a way to figure out how to send data from one point to another. IPv4 was created to map out every possible end point. This is the standard IP address that we know and love today. IPv4 has its limits, though, as it only allows for roughly four billion unique addresses. This may sound like a lot, and in its era, it was. But it’s very clear that four billion isn’t a large enough number when you consider the internet of today and tomorrow.

IPv6 to the rescue

IPv6 resolves this issue by replacing IPv4 32-bit addresses with 128-bit. This means it can support 2^128 addresses. If you do the math, that’s well over several trillion addresses. That’s quite a bit more than four billion! Aside from the increase in available addresses, endpoints can also auto-configure their own addresses. This makes IPv6 much more flexible, compared to IPv4.

Parting thoughts

While it may seem sudden and brash for Apple to do this, IPv4 full replacement is inevitable. Instead of dealing with this “down the road,” Apple has decided to be proactive, which is good. Hopefully this clears up any confusion or questions.

Bryan Segale is a specialist in mobile testing and test automation for AWS Mobile.

We live in a world in which the variety of device manufacturers, models, operating systems, and screen sizes combine to create a device test matrix that is seemingly infinite in size. Ionic takes care of a lot of the heavy lifting, and combined with testing on real devices, you can make sure your customers have a great user experience, no matter where they are or what device they’re using.

AWS Device Farm enables you to securely test your Android and iOS apps on real devices in the AWS Cloud. As you’re developing and testing your Ionic app, you can see how it works on a variety of devices with AWS Device Farm. Device Farm allows you to take full control of a remote device, install your app, and perform your tests through your browser.

Testing on a wide variety of real devices ensures that there aren’t app issues caused by variations in device hardware, OS version, or rendering issues for devices with different screen resolutions. Mobile users aren’t tolerant of bugs, and negative app reviews will lead to fewer downloads.

In addition, you can execute automated tests in parallel written in a variety of popular automation frameworks. Test automation will increase the accuracy and speed with which you can test your app and help you get your app to market faster.

Your first 250 device minutes using Device Farm are free. Here’s more information on getting started testing your app in Device Farm.
Read more…

Ionic Blog RSS Feed