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

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

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

电容器是构建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) // ....} }
通过瓷砖看
书籍封面与标题阅读“与电容器建立跨平台应用”

船舶跨平台移动应用程序速度更快。 我们在何时何时以及为什么使用电容来构建跨平台应用程序时写了一个免费指南。

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

三电话图标

通用应用程序

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

立方体与球体内图标内

本地访问

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

Tripe手机堆叠分层图标

本机静脉

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

跨平台, 本机核心插件。

探索API. - >
相机图标

相机

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

文件系统图标

文件系统

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

天线图标

地理位置

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

球形环图标

加速度计

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

贝尔图标

通知

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

人与圆圈周围的图标

网络

监视网络连接和功能更改以构建弹性的离线应用程序。

三圈图标

触觉

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

滑块调整图标

你自己的插件

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

带上你自己的 Web框架。

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

反应徽标瓷砖
角徽标瓷砖
苗条的标志瓷砖
vue标志瓷砖
模板标识瓷砖
jquery logo瓷砖
Bootstrap Logo Tile.
betway东盟体育app离子徽标瓷砖
材料UI标志瓦片
顺风标志瓷砖
框架7 logo瓷砖
类星体标志瓷砖

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

奥斯汀霍华德Twitter简介图片

奥斯汀霍华德

@a_howard8

我是真正的挖电容器

角度推特档案图片

棱角

@angular

你可知道 @capacitorjs. 展示如何给予你的 #原木 应用程序访问移动API和在App Store中的存在?

Scriptkitty Twitter剖面图像

scriptkitty

@ thr0wsexception.

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

Adeniyi Tolulope Twitter头像

Adeniyi Tolulope

@tolutronics.

@capacitorjs. 今年是一位伟大的伴侣......实时更新。

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

卡洛斯马丁内斯

@cmartineztech

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

格雷格海洋Twitter剖面图像

格雷格海洋

@gregmarine

关于电容器的一个很好的事情是您不必使用离子。betway东盟体育app我个人喜欢离子,并为UI组件使用它。betway东盟体育app但电容器不需要

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

雅各布克拉克

@imjacobclark

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

Leo Twitter剖面图像

狮子座

@creativiii.

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

蒂姆的推特头像

蒂姆年代

@tdawgpharaoh

我问自己,我是怎么听说的 @capacitorjs. 直到最近。很好。

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

丹尼尔罗德里格斯

@inspire_rd

尝试了 @capacitorjs. 稳定后不久 - 惊人!简单,直截了当。

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

加级您的应用程序 企业级解决方案。

凸起的与应用图标的平台

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

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

准备好开始建造了吗?

潜水并立即创建您的第一个电容器项目

Baidu