Ionic has released the fifth major version of its Runtime Capacitor. The open-source runtime for building web-native apps adapts to changes in the Google Play Store and App Store in the new release, including increasing the target platform to Android 13 and using Xcode 14.1.
With Capacitor, applications for iOS and Android as well as progressive web apps can be developed with JavaScript, HTML and CSS. Capacitor provides a direct connection between JavaScript and commonly used native APIs through official plugins. In addition, community plug-ins offer additional functions. Although recommends Ionic the use of Capacitor with the Ionic Frameworkbut it can also be done use regardless.
Adaptation to Android and iOS requirements
For the release of the beta version Ionic announced the innovations in version 5.0. From August 2023, the Google Play Store will require Android 13 (API Level 33) or higher, which will result in new permission changes. Unlike apps built with Capacitor 4 which would need further work on the native layer, Capacitor 5 can handle it.
There are also innovations in Apple’s App Store: Since April 2023, all iOS and iPadOS apps submitted there must be created with Xcode 14.1 and the iOS 16.1 SDK. Therefore, Capacitor 5 sets the minimum Xcode version to 14.1.
The organizers will judge on June 21 and 22, 2023 dpunkt.verlag, heise developer and iX the enterprise JavaScript conference enterJS in Darmstadt. In over 35 lectures discusses JavaScript and TypeScript language innovations, new and established tools and frameworks—including React, SvelteKit, and Astro—as well as accessibility and software architecture.
All-day workshops are available both on site and online.
Excerpt from the program:
Unified design, new features for Google Maps and Huawei support
To be consistent with the modern iOS design system, Capacitor 5 changes the default animation for the status bar slide to fade. In addition, API innovations should make it easier to create Swift plugins in the future.
For Android, the development team has, among other things, fixed a bug: So far, the auto-completion did not work as intended before developers made the androidScheme-Changed configuration. To fix this, the configuration object now first looks for a provided one androidScheme and defaults to if none is found https.
The connection to Google Maps has been in place since last year thanks to a plug-in ready. Now Capacitor can also use the Polylines, Polygons and Circles APIs in Google Maps, which looks like this:
The Google Maps plugin for Capacitor offers new features.
(Image: Ionic)
Another change regarding app creation for Android affects newer Huawei devices. After the manufacturer’s ban from the US market, newer Huawei smartphones cannot use pre-installed Google services. As a result, they do not use Google’s WebView, but their own, which is why Capacitor has not been able to handle them so far – which has now been fixed.
Upgrade process for Capacitor and community plugins
For example, as the development team points out, Capacitor 5 can be configured using the Ionic extension for Visual Studio Code update to version 5. For community plugins, Ionic provides an upgrade tool designed to automatically upgrade them to Capacitor 5. To do this, run the following command in the plug-in root directory:
npx @capacitor/plugin-migration-v4-to-v5@latestAll other details can be the blog entry for the announcement as well as for the previous beta release.
(May)