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.


Hi there, I’m Eric Horodyski, the newest Solutions Architect here at Ionic. Before joining the team here, the previous five years of my professional career was spent as a Lead Developer building dozens of hybrid mobile applications, some in React Native, the others in Ionic.

The interest in hybrid mobile development continued to grow within my professional circle throughout my years working as a Lead Developer. Some people saw it as an affordable way for their organization to enter the mobile space, others saw it as a way to consolidate existing codebases. Whatever the reason be, my involvement started when this question came about: “Should we pick Ionic or React Native?”

Read more…


shadow parts image

Official support for CSS Shadow Parts in Ionic Framework has landed! Shadow parts make it easier to theme and customize Ionic Framework components.

They replace the need for a large amount of CSS variables by adding the ability to target any CSS property on an element inside of a shadow tree.

Why Shadow Parts? 🤔

To better understand what shadow parts are, we need to understand why we need them. The release of Ionic Framework 4 at the beginning of last year migrated all of our components to become a distributed set of Web Components. Web Components follow the Shadow DOM specification in order to encapsulate styles and markup.

Shadow DOM is useful for preventing styles from leaking out of components and unintentionally applying to other elements. For example, we assign a .button class to our ion-button component. If an Ionic Framework user were to set the class .button on one of their own elements, it would inherit the Ionic button styles in past versions of the framework. Since ion-button is now a Shadow Web Component, this is no longer a problem.

Read more…


Appflow

Every production mobile app ultimately has a set of recurring tasks around integration, testing, deployment, and long term maintenance. These tasks often must be automated across a team of many developers and app projects. Building a process for these tasks can be incredibly time consuming and require specialized infrastructure experience, but is critical for the success of any serious app project.

Thankfully, teams don’t need to build solutions to these problems themselves, as there are services out there that can help. One such service works directly with your Cordova or Capacitor app to help your team easily perform these tasks. That means consistent builds, deploys on every commit, pushing remote app updates in realtime, and automating app store deployment as part of your mobile CI/CD workflow.

That service is Appflow, and it’s Ionic’s official Mobile DevOps platform. Appflow automates the whole DevOps side of your mobile app project, and is used to power significant apps and development teams across AAA, Burger King/Popeyes, Shipt, and more.

Let’s explore what a Mobile DevOps platform like Appflow is, what Appflow offers, how it differs from traditional CI/CD platforms, and how it’s being used today.

Read more…


gitlab-appflow-integration-support

Today I’m excited to announce the addition of GitLab integration with Ionic Appflow. Now you can easily connect your GitLab code repositories to Appflow to manage native app builds, deploy to app stores, and update your apps over time.

Haven’t used Appflow before? 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 Package 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…


Well we’re in the final countdown to Ioniconf (queue that famous riff)! With our previous blog post here and here, we highlight some of speakers at the conference. Well we’re here to wrap everything up with the last batch of speakers for the conference. Let’s jump in!

Remember, we’ll be using Twitter to gather question during the conference, so as talks are going on, use the hashtag #askioniconf to ask your questions.

Read more…


Last week, we announced our entire lineup of speakers at Ioniconf. In addition to that, we also highlighted 4 of our speakers. Well I’m back again to talk about 4 more of our speakers. These are people who I’ve gotten to know over the years and each of them bring a ton of experience to the table. I couldn’t be more thrilled to have them speaking at Ioniconf.

Read more…


When we announced Ioniconf a few weeks ago, we were thrilled to see the response and sign-ups from all of our community members. I mean, we didn’t even say who was speaking at the event, so thanks for being so enthusiastic! But now we’re ready to share who is speaking at Ioniconf…so without further ado…here are your speakers!

We’ve brought together speakers from various different technology backgrounds and experiences to share insights not only on Ionic, but the Web Platform as a whole. The range of topics include, the latest in testing and static hosting, how to ship a product, and so much more. Not only do the Ioniconf speakers represent a broad cross-section of the tech landscape, they also bring a diverse set of viewpoints and perspectives. We’re thrilled that they’ve all agreed to present at Ioniconf and we hope that you are excited to learn from them as well.

We’ll be using Twitter to gather questions during the conference, so as talks are going on, use the hashtag #askioniconf to ask your questions.

I wanted to take a moment and highlight a few speakers whose talks I think will really stand out during the conference.

Read more…


The following is a guest post from our friends over at URLgenius, a cloud-based service for helping apps manage deep links to other apps. The post covers why you might want to consider URLgenius for your app, providing a great real-world example for how they’ve helped From Seed to Spoon provide a great user experience.

When it comes to app deep linking, we tend to think first of the technologies that we as developers are tasked with evaluating and implementing – things like Apple universal links, Firebase, standalone SDKs, etc. But what about cases where we need to link into 3rd party apps that you have no control over? For example, linking into social apps like Facebook or Instagram, or into e-commerce apps like Amazon. From Seed to Spoon, an app built with Ionic, was in a similar situation and used URLgenius to solve their problems. Let’s dive into the situation.

Read more…


Ionic Blog RSS Feed