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.


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…


Ionic Blog RSS Feed