Capacitor is an open source native runtime for building Web Native apps. Create cross-platform iOS, Android, and Progressive Web Apps with JavaScript, HTML, and CSS.
Đang xem: Ion
Migrate from Cordova ->
Access core Native APIs or extend with your own.
Capacitor’s native plugin APIs make it extremely easy to access and invoke common device functionality across multiple platforms.
capacitor/core”;const { LocalNotifications } = Plugins;LocalNotifications.schedule({ notifications: < { title: "On sale", body: "Widgets are 10% off. Act fast!", id: 1, schedule: { at: new Date(Date.now() + 1000 * 5) }, sound: null, attachments: null, actionTypeId: "", extra: null } >});import { Plugins } from “
capacitor/core”;const { Geolocation } = Plugins;// get the users current positionconst position = await Geolocation.getCurrentPosition();// grab latitude & longitudeconst latitude = position.coords.latitude;const longitude = position.coords.longitude;import { Plugins } from “
capacitor/core”;const { Camera } = Plugins;// Take a picture or video, or load from the libraryconst picture = await Camera.getPicture({ encodingType: this.camera.EncodingType.JPEG});import Foundationimport Capacitor// Custom platform code, easily exposed to your web app// through Capacitor plugin APIs. Build APIs that work// across iOS, Android, and the web!
objc public func doNative(_ call: CAPPluginCall) { let alert = UIAlertController(title: “Title”, message: “Please Select an Option”, preferredStyle: .actionSheet) // …. }}
Ship cross-platform mobile apps 10X faster. We wrote a free guide on when and why to use Capacitor to build cross-platform apps.
Read the free eBook ->
Universal apps
Build web-based applications that run equally well across iOS, Android, and as Progressive Web Apps.
Native access
Access the full Native SDKs on each platform, and easily deploy to the App Stores (and the web).
Native PWAs
Add custom native functionality with a simple Plugin API, or use existing Cordova plugins with our compatibility layer.
Camera
Capture images, save photos, and configure hardware parameters like saturation and color balance.
Xem thêm: Build Logo Maker – Design A Logo With Our Logo Maker
File System
Save and read documents, assets, and other content your users need to access via native file systems.
Geolocation
Gather critical information about a user’s device location, such as latitude and longitude.
Accelerometer
Access the device accelerometer sensors to measures changes in velocity of a device motion.
Notifications
Schedule local notifications on the device or handle push notifications sent from a server.
Haptics
Build location-aware apps by polling for the current device location or subscribing to location updates.
Your Own Plugin
Write your own custom plugins to access specialty features and easily integrate any 3rd-party SDK.
Bring your own web framework.
Xem thêm: Download Dream League Soccer Download Free Android, Iphone, Pc
Drop Capacitor into any existing web project, framework or library. Convert an existingReact, Svelte, Vue (or your preferred Web Framework) project to native mobile.
I”m pretty hyped to be honest, from what I”ve seen so far this will be another major step for establishing web technology as the go-to method for developing cross platform apps ♥
One of the nice things about Capacitor is that you don’t have to use Ionic. I personally love Ionic and use it for UI components. But it isn’t required for Capacitor
