The other week, the Vue team released a major update to VueJs, its 3.0.0 release. We (Ionic) have been following Vue for some time now and keeping an eye out for when their v3 would be ready in order to complete Ionic Vue support. As we stand right now, Ionic Vue is going through its beta release with a release candidate very close. With everything coming together and Ionic devs getting another framework they could use, I thought it would make sense to give an overview of Vue for those who are curious if it’s the right framework for them. Let’s dive in.

Read more…


Today, we’re thrilled to announce Web Previews in Appflow, the easiest way to share what you’re working on with coworkers, stakeholders, and more.

Unfamiliar with Appflow? It’s a mobile DevOps solution by Ionic that makes it easy to continuously build, deploy, and update mobile app experiences across iOS, Android, and the web. With Appflow, you can fully automate your team’s app development workflow, and go from idea to production in less time.

New to Ionic or Appflow? Try our step-by-step app wizard to build your first app and generate a web preview in minutes.

Web Previews represent the next step in our belief in the web first development strategy, and we’re especially excited for what this feature enables for teams who want a quick and easy way to share pre-production versions of their app, without the overhead and complexity of managing TestFlight, iOS enterprise certs, or any of the more complicated methods of showing off what you’ve built.

Read more…


Anyone else feeling déjà vu? It feels like not too long ago we were launching the Ionic Vue beta built with Vue 2. Given that the release of Vue 3 is quickly approaching, we thought this would be a perfect time to start preparing Ionic Vue for launch. Today, I am thrilled to announce the new and improved Ionic Vue beta built with Vue 3!

Read more…


Android and iOS app binaries must be digitally signed with a certificate before they can be installed onto a user’s device. This is required so that users can be confident that the app publisher actually is who they say they are. For iOS applications, these are created on Apple’s developer portal, and can be regenerated. For Android applications, these are typically created locally and up to each developer to safeguard, as they can not be regenerated.

One of the challenges for some developers who used PhoneGap Build was that it was the only place their Android signing keys existed – it was created then lost at some point in time. Apple has a method to regenerate a signing key, so it was never a worry. But since Android keys are created locally, they can NEVER be recreated. Once they are lost, there is no method to recreate them. And, if you do not have them, you cannot properly sign your Android application and submit a new version. Unfortunately, Adobe will not be providing a way to export your Android private key.

Read more…


base64-to-blob

Web browsers provide a variety of data primitives that web developers use to manage, manipulate, and store data – from plain text, to files, images, videos and more. However, using them correctly and effectively can be confusing. One such example is converting a base64 string to a blob using JavaScript. A blob represents binary data in the form of files, such as images or video. Suppose you have an image in string format that needs to be uploaded to a server. However, the available API accepts the image in blob format only. What do you do?

According to various solutions around the Internet, conversion appears to be complex. Manipulating byte arrays? No thanks. Fortunately, there’s an easier, modern approach available thanks to the Fetch API. It’s a powerful feature built into all web browsers that is commonly used to fetch resources across the network, like making HTTP requests to your backend APIs.

Read more…


This is a guest post from Simon Grimm, Ionic Developer Expert and educator at the Ionic Academy. Simon also recently released the book Practical Ionic, a guide to building real world Ionic applications.

After my session during Ioniconf, there was a question about routing inside Ionic modals that came up during the Q&A. Because the modal is not part of your standard Angular routing, you need a different way to handle navigation inside an overlay that exists outside the rest of your application.

You can achieve the same navigation in all directions (forward, back, root) using the ion-nav component – a highly underrated component that will rescue your day.

Read more…


HIPAA compliance for mobile is the responsibility of app development teams and their companies. While mobile technologies and platforms like Ionic provide UI and integration with Native SDKs, they do not handle user data or network security as it pertains to HIPAA compliance. Nor would any other mobile technology, it’s simply out of the purview of a mobile framework.

However, what a platform like Ionic will provide, is the building blocks and APIs needed for teams to correctly implement user data storage and network security to follow HIPAA compliance guidelines and secure Protected Health Information (PHI)

In this post we explore the APIs and techniques often used as part of a HIPAA compliant mobile experience, but discussion of broader HIPAA compliance concerns is out of scope for this blog.

Read more…


On the heels of our recent GitLab announcement, we’re excited to share another Appflow update: Ionic Appflow now integrates with GitLab Self-Managed. With this feature, you can easily connect your GitLab Self-Managed code repositories to Appflow to manage native app builds, deploy to app stores, and update your apps over time.

Unfamiliar with Appflow? It’s a mobile DevOps solution that makes it easy to continuously build, deploy, and update mobile app experiences across iOS, Android, and the web. With Appflow, you can fully automate your team’s app development workflow, and go from idea to production.

Appflow works directly with Git version control, using your codebase as the source of truth for all available services, including the Live Update feature (update the UI and business logic of your app remotely in real-time) and Native Builds feature (building native app binaries for iOS and Android in the cloud). Simply link your Git host then push a new code commit to start building in the cloud.

Read more…


Most apps utilizing authentication need to provide the user with ways to persist user sessions, or store sensitive values such as encryption keys, all while enabling automatic login using biometrics.

There is one very common way that developers first try to implement this: show the fingerprint or face id prompt, and once the user passes it, load the token or value from local storage or a sqlite database and use it.

Unfortunately, this is the approach that many apps and almost all of the community Cordova/Capacitor plugins take, and it’s not fully secure.

Let’s dig into some common mistakes implementing biometric auth and storing sensitive values, and then learn how proper biometric authentication and secure, encrypted value storage should be implemented.

Read more…


phonegap build migration appflow

Adobe just announced that PhoneGap and PhoneGap Build are shutting down.

For many teams relying on PhoneGap Build for cross-platform builds, this, along with the recent iOS 13 build issues, is a big setback. Fortunately, it doesn’t have to be! There is a great alternative to get your apps working that is a nearly drop-in replacement with some awesome additional features: Appflow from Ionic.

Appflow is a Mobile CI/CD service (aka cloud build service) with native support for hybrid apps, since it’s built by the team behind Ionic Framework and Capacitor. Appflow fully supports PhoneGap, Cordova, and Capacitor apps, and provides managed and secure build environments for iOS, Android, and web. Additionally, Appflow brings remote app updating and direct publishing to app stores, which are significant productivity features that go way beyond PhoneGap Build.

Today, Appflow has thousands of customers and is powering mission-critical apps across the the Fortune 1000 and fast growing startups. Appflow is also being heavily invested in by the Ionic team (read about our recent fundraise), and has a number of exciting features in the pipeline to make native, hybrid, and Progressive Web App development easier and faster (stay tuned!).

We understand that Appflow’s pricing model is different from PhoneGap Build. We’re currently exploring some pricing and plan changes to better align the two, but for the time being, we are offering new customers one month free when they sign up. Use the coupon BUILDWITHUS when signing up for one month free. Users should start with the Launch plan to explore the native build features. See Pricing for more info.

To get started, explore the detailed migration guide for those switching from PhoneGap Build. We’ve partnered with Adobe to make sure the process is as smooth as possible.

And don’t forget: use the coupon BUILDWITHUS when signing up for one month free. Use the Launch plan or above to get access to the cloud app build features in Appflow.

Does your team need help transitioning? Please get in touch, we’re standing by to help make this transition as painless as possible.

Finally, we’d like to thank our friends at Adobe and PhoneGap for pioneering hybrid app development as we know it, and hosting some of the best conferences we’ve ever been to. The time is right for the Ionic team to carry the torch as the modern leader in cross-platform hybrid app development and we are confident we can help any and all teams impacted by this change.


Ionic Blog RSS Feed