January 2023 Summaries

The Ionic team has enhanced Appflow, its mobile CI/CD solution, to streamline project configuration through integration with Trapeze, a native and cross-platform mobile project configuration tool. This integration allows developers to automate complex mobile app configurations for both iOS and Android, as well as apps built with frameworks such as Capacitor, React Native, and Flutter, using a YAML-based configuration file. The process involves setting up Trapeze within Appflow, which requires a specific version and configuration file to automate tasks like incrementing build numbers and applying environment-specific settings. Trapeze's compatibility with CI/CD processes makes it an ideal tool for managing and automating mobile projects at scale within Appflow, offering operations across different platforms and supporting various advanced configurations.

Appflow, Ionic's mobile CI/CD platform, has introduced a rerun functionality that simplifies the process of retrying failed builds by using the same configuration and build stack, allowing developers to quickly confirm if the issue is with the code. Users can rerun builds directly from the Builds list or build details screen without needing to set up the build again, and each rerun is assigned a new build ID and number. Additionally, Appflow allows for the creation of custom build environments to store variables and keys, and offers the ability to update these settings in the Dashboard before retrying a build, which is particularly useful when failures are due to outdated configurations. The rerun feature is now available to all existing Appflow users, facilitating more efficient troubleshooting and continuous integration processes.

Stencil v3.0 has officially been released, featuring significant updates and improvements in generating standards-based Web Components for creating component libraries, design systems, and applications. Aimed at future-proofing the framework, the update introduces breaking changes such as dropping support for Node 12, Safari 10, and IE 11, along with the removal of the dist-custom-elements-bundle output target in favor of the more efficient dist-custom-elements. Accompanying the release is a revamped Stencil website and documentation, which now allows toggling between different Stencil versions and offers improved code snippet formatting. Users are encouraged to consult the comprehensive migration guide for updating their component setups and to report any issues on GitHub.

Superapps are transformative platforms that consolidate multiple mini apps into one application, providing a seamless experience for users and developers alike. They allow enterprises to offer tailored experiences to end users while enabling developers to work independently within a native shell that houses web-based mini apps. Unlike traditional native app development, superapps offer a modular and composable solution, allowing for rapid development and deployment of features. This approach fosters efficient collaboration across multiple teams without the need for a monolithic architecture, as developers focus on their specific mini app features without interference. With examples like WeChat gaining popularity, superapps can either be customer-facing or employee-facing, with the latter being more accessible in regions like the United States due to app store restrictions. The web-based nature of superapps leverages existing expertise, enabling faster bug fixes and updates, leading to an improved customer experience. Enterprises like Walmart utilize superapps to streamline various employee functions into a single platform, enhancing interaction and efficiency.

Trapeze is a newly launched open-source tool designed to simplify the management of native and cross-platform mobile projects using a YAML-based configuration file format. Developed to address the complexities and challenges of mobile project configuration, especially within Mobile CI/CD workflows, Trapeze supports various file formats commonly used in iOS and Android projects, such as Gradle, XML, JSON, and more. It is compatible with traditional iOS and Android apps as well as cross-platform frameworks like Ionic, Capacitor, React Native, and Flutter. The tool automates numerous project tasks, such as incrementing build numbers and swapping configuration files for different environments, which are typically error-prone and time-consuming when done manually. Trapeze is also advantageous for plugin authors, allowing them to distribute configuration files that automate necessary project modifications. It is designed with CI/CD readiness, making it a suitable fit for workflows like Appflow. Trapeze is free to use, open-source, and actively evolving based on user feedback.

Authentication flows are a critical yet often overlooked component of app development, becoming a major concern only when issues arise. Building a secure, custom authentication solution is resource-intensive, requiring continuous updates and maintenance due to evolving security standards. This can divert valuable development time and increase costs, as the average cost of a data breach was $4.35 million in 2022. Turnkey solutions, such as AuthConnect, offer an efficient alternative, enabling seamless integration with services like Auth0 and AWS Cognito while ensuring compliance with security best practices. By outsourcing authentication to specialized providers, companies can safeguard user data, maintain trust, and allow their development teams to focus on more impactful projects.

In January 2023, Ionic's Appflow expanded its support to include traditional native iOS and Android apps, complementing its existing capabilities for Capacitor, Cordova, and React Native, thereby enhancing its appeal as a comprehensive mobile DevOps solution. This development allows developers to build, deploy, and automate workflows for native apps using Kotlin, Java, Swift, or Objective-C, offering a unified platform for enterprise organizations managing multiple frameworks. The Appflow dashboard and CLI facilitate seamless integration into existing CI/CD pipelines, although features like Web Previews and Live Updates remain exclusive to Capacitor and Cordova apps. The initiative aims to simplify mobile app development across diverse architectures while maintaining a consistent user experience, with the Appflow team committed to further expanding supported architectures and features.

Expediting native mobile application development poses challenges due to the complexity of maintaining parity between native mobile and web code bases. To address this, many enterprises utilize iOS and Android Web Views, which allow web content to be embedded into native applications, promoting collaboration between web and native teams and enabling dynamic content updates. However, stock Web Views come with limitations, such as requiring manual customization to maintain seamless native interactivity and introducing loading delays due to reliance on remote servers. As an alternative, Ionic Portals offers a more efficient solution by providing out-of-the-box features, including full access to native device capabilities and on-device content storage, which enhances loading speed and reduces reliance on server access. This approach has proven beneficial, as evidenced by a major airline experiencing improved app performance when using Portals.