betway东盟体育app离子发射事件。 2021年9月28日。

文档 插件 CLI
博客
宣布电容器3.0 ->
电容器3.0 ->

一个跨平台的web应用本地运行时。

Capacitor是一个用于构建Web native应用程序的开源本机运行时。使用JavaScript、HTML和CSS创建跨平台iOS、Android和渐进式Web应用程序。

从科尔多瓦 -> 苹果,安卓和pwa图标
分层堆叠的手机应用程序显示电容器在中间

开始 很容易。

01

Drop Capacitor到任何现有的web应用程序。


             NPM安装@capacitor/cli @capacitor/core NPX cap init
02

安装您想要的本地平台。

苹果图标 android图标

             NPM install @capacitor/ios @capacitor/android NPX cap add ios NPX cap add android
03

访问核心Native api或扩展您自己的api。

Capacitor的本地插件api使得跨多个平台访问和调用通用设备功能变得非常容易。


                 import {LocalNotifications} from '@capacitor/local-notifications';LocalNotifications。[{title:“On sale”,body:“Widgets are 10% off.”", id: 1, schedule: {at: new Date(Date.now() + 1000 * 5)}, sound: null, attachments: null, actionTypeId: "", extra: null}]});

                 import {Geolocation} from ` @capacitor/ Geolocation `;//获取用户当前位置const position = await Geolocation.getCurrentPosition();//获取纬度和经度const latitude = position. coordinates .latitude;Const longitude = position. coordinates .longitude;

                 import {Camera, CameraResultType} from '@capacitor/ Camera ';//拍摄照片或视频,或从库中加载。getPicture ({resultType: CameraResultType。Uri});

                 import Foundation import Capacitor //自定义平台代码,容易暴露给您的web应用程序//通过电容插件api。构建跨iOS、Android和web的api !@objc(MyAwesomePlugin) public class MyAwesomePlugin: CAPPlugin {@objc public func doNative(_ call: CAPPluginCall) {let alert = UIAlertController(title: " title ", message: "Please Select an Option", preferredStyle: .actionSheet) // ....} }
看穿瓷砖
书名为“用电容构建跨平台应用”的书籍封面

发布跨平台手机应用的速度快了10倍。 我们写了一篇免费的指南,告诉你什么时候以及为什么要使用Capacitor来构建跨平台的应用。

将web应用连接到 本机功能。

三电话图标

通用应用程序

构建基于Web的应用程序,在iOS、Android和先进的Web应用程序上运行同样良好。

立方体与球体里面的图标

本地访问

在每个平台上访问完整的本地sdk,并轻松部署到应用商店(和网页)。

Tripe手机堆叠分层图标

本机静脉

使用简单的Plugin API添加自定义本地功能,或者使用兼容层中的现有Cordova插件。

跨平台, 本机核心插件。

探索api ->
摄像头图标

相机

捕捉图像,保存照片,并配置硬件参数,如饱和度和色彩平衡。

文件系统图标

文件系统

保存和读取文档、资产和用户需要通过本地文件系统访问的其他内容。

天线图标

地理位置

收集有关用户设备位置的关键信息,如纬度和经度。

球形环图标

加速度计

访问设备加速度计传感器来测量设备运动速度的变化。

贝尔图标

通知

在设备上安排本地通知或处理从服务器发送的推送通知。

人与圆圈周围的图标

网络

监控网络连接和功能变化,以构建有弹性的离线应用程序。

三圈图标

触觉

通过现代设备上可用的触觉功能添加物理反馈。

滑块调整图标

你自己的插件

编写您自己的自定义插件,以访问特殊功能,并轻松集成任何第三方SDK。

带上你自己的 web框架。

将电容器放入任何现有的web项目、框架或库中。将现有的 反应 苗条的 Vue (或您喜欢的Web框架)项目的本地移动。

反应标志瓷砖
角标志瓷砖
苗条的标志瓷砖
vue标志瓷砖
模板标识瓷砖
jquery标志瓷砖
引导标志瓷砖
betway东盟体育app离子标志瓷砖
材质UI logo瓷砖
顺风标志瓷砖
框架7 logo瓷砖
类星体标志瓷砖

人们在说什么 关于电容器。

奥斯丁·霍华德的推特头像

奥斯汀霍华德

@a_howard8

我真的很喜欢电容

Angular Twitter头像

@angular

你知不知道 @capacitorjs 展示如何给予你的 #角 应用访问移动api和应用商店的存在?

Scriptkitty Twitter头像

scriptkitty

@thr0wsException

说实话,我很兴奋,就我所知,这将是另一个重要的步骤,建立网络技术作为开发跨平台应用程序的方法

Adeniyi Tolulope Twitter头像

Adeniyi Tolulope

@tolutronics

@capacitorjs 是今年的好伙伴…与实时更新。

卡洛斯马丁内斯推特个人资料图片

卡洛斯马丁内斯

@cmartineztech

Yes, It works deep linking and google native authentication in iOS @capacitorjs

Greg Marine推特个人资料图片

格雷格海洋

@gregmarine

电容的一个优点是你不需要使用离子。betway东盟体育app我个人很喜欢Ionic,并将其用于Ubetway东盟体育appI组件。但这不是电容器所需要的

雅各布·克拉克的推特头像

雅各布·克拉克

@imjacobclark

我们在博客上讲述了我们如何使用电容器来构建我们的4个孩子的应用程序 @BBC

Leo推特头像

利奥

@creativiii

我尝试过React Native,但作为网页开发人员,DX实在是太低级了。给 @capacitorjs 如果你正在构建应用程序,这是一个尝试

蒂姆的推特头像

蒂姆年代

@tdawgpharaoh

我在问自己,我怎么没听说 @capacitorjs 直到最近。很好。

丹尼尔·罗德里格斯的推特头像

丹尼尔·罗德里格斯

@inspire_rd

尝试了 @capacitorjs 很快它就稳定了——太神奇了!简单和直接。

电容社区正在成长。 联系我们,说你好。

企业级解决方案。

用应用程序图标提升平台

为企业构建的。 电容器和离子的完整解决方案生betway东盟体育app态系统解决了企业团队构建关键应用程序的性能、安全性和部署需求。

全国范围内的标志 目标标识 汉堡王的标志 家得宝(Home Depot)标志
NBC的标志 微软的标志 美国铁路公司的标志 通用电气的标志

准备好开始建造了吗?

今天就开始创建您的第一个Capacitor项目

Baidu