这是一个免费的虚拟会议,致力于创新的技术领袖,希望改变他们的业务。

文档 插件 CLI
博客
第3.0版 ->
电容器3.0 ->

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

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

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

开始 容易地

01

将电容器放入任何现有的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倍。 我们写了一篇关于何时以及为什么要使用电容器构建跨平台应用程序的免费指南。

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

三电话图标

通用应用程序

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

内部带有球体图标的立方体

本地访问

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

Tripe手机堆叠分层图标

本机静脉

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

跨平台, 本机核心插件。

探索API ->
照相机图标

相机

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

文件系统图标

文件系统

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

天线图标

地理位置

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

球形环图标

加速度计

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

贝尔图标

通知

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

人与圆圈周围的图标

网络

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

三圈图标

触觉

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

滑块调整图标

你自己的插件

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

带上你自己的 网络框架。

将电容器放入任何现有的web项目、框架或库中。将现有的 反应 苗条的 Vue (或您首选的Web框架)项目到本机移动设备。

react徽标瓷砖
角形标志瓷砖
苗条的标志瓷砖
vue标志瓷砖
模板标识瓷砖
jquery徽标互动程序
引导标识块
betway东盟体育app爱奥尼亚标志瓷砖
材质UI徽标瓷砖
顺风标志瓷砖
框架7 logo瓷砖
类星体标志瓷砖

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

奥斯汀·霍华德推特个人资料图片

奥斯汀·霍华德

@a_howard8

我真的在挖电容器

角度推特剖面图

有棱角的

@angular

你知道吗 @电容器 展示如何给予你的 #棱角的 应用程序访问移动API和应用程序商店?

Scriptkitty Twitter个人资料图像

scriptkitty

@thr0wsException

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

Adeniyi Tolulope Twitter头像

Adeniyi Tolulope

@托勒特罗尼茨

@电容器 今年是一个很好的伴侣。。。实时更新。

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

卡洛斯马丁内斯

@cmartineztech

Yes, It works deep linking and google native authentication in iOS @电容器

Greg Marine推特个人资料图片

格雷格海洋

@gregmarine

电容器的一个优点是,你不必使用离子。我个人喜欢爱奥尼亚,并将其用于UI组件。但电容器不需要betway东盟体育app

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

雅各布·克拉克

@伊姆雅各布克拉克

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

狮子座推特个人资料图片

狮子座

@创意八

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

蒂姆的推特头像

蒂姆年代

@tdawgpharaoh

我在问自己,我怎么没有听说 @电容器 直到最近。很好。

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

丹尼尔·罗德里格斯

@inspire_rd

尝试了 @电容器 很快就稳定下来了-太棒了!简单明了。

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

使用 企业级解决方案。

使用应用程序图标提升平台

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

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

准备好开始建造了吗?

今天,投入并创建您的第一个电容器项目

Baidu