看新闻很累? 看技术新闻更累? 试试 下载 InfoQ 手机客户端 , 每天上下班路上听新闻, 有趣还有料!
Ionic 团队已经宣布了 Capacitor 的第一个 alpha 版本, 这是一种用 JavaScript 在移动和桌面平台上构建 web 混合和原生应用的新方法
Capacitor 的定位在传统混合平台 (如 Cordova) 和本地编译平台 (如 React Native 和 NativeScript) 之间, 同时还提供对 渐进式 Web 应用程序(PWA) 的全面支持对于已安装的移动应用程序, Capacitor 项目让开发人员可以灵活地确定将应用程序的哪些部分作为本地代码交付, 哪些特性以 Web 视图或 PWA 交付
该项目从 Cordova 得到了很大的启发, 但它与这一框架有几点不同:
Ionic 团队在他们的 alpha 公告中解释说 Ionic 用户具有:
[...] 使用的核心 Ionic Framework UI 组件之外的问题这些团队希望我们能够帮助他们应对其他移动挑战, 并且他们的优先级列表上最高的几乎普遍都是更好的本地支持和插件
这些要求促使 Ionic 团队开始了一个新项目, 而不是试图对 Cordova 进行重大改变 Capacitor 努力保持与 Cordova 的插件兼容性, 以便在 Capacitor 应用中使用 Cordova 插件 Ionic 首席执行官 Max Lynch 向 InfoQ 团队解释说:
从第一天起, Cordova 就已经有了一个一致的愿景: 为本地应用程序提供 Web API 垫片(shim), 但有时这对于创建真实世界的应用程序来说还远远不够今天有些东西更容易本地构建另外 Cordova 并不真正支持构建渐进式 Web 应用
因此, 针对使用 Web 技术创建应用程序以及混合部署本地和 Web 代码的常见开发过程和模式, Capacitor 提供灵活的方式例如, Capacitor 提供一种方式, 让开发人员无论采用本地还是 Web 技术, 都可以用它简单地开发出具有访问摄像头能力的应用
要将 Capacitor 添加到现有的现代 JavaScript 网络应用程序, 请运行以下命令:
- cd my-app
- npm install --save @capacitor/core @capacitor/cli
安装完成后, Capacitor 将以应用程序信息进行初始化:
npx cap init [appName] [appId]
在上面的命令中, appName 是应用程序的名称, appId 是应用程序的域样式应用程序标识符 (即 com.example.app ) 更多信息, 请参阅 Capacitor 入门指南
使用 Ionic 的开发人员应该已经期待 Capacitor beta 版完成与 Capacitor 的集成了 Ionic 团队预计到 2018 年中期推出 Capacitor 的稳定版 Capacitor 是 MIT 许可证下的开源软件, 欢迎通过 Capacitor GitHub 项目贡献自己的力量
来源: http://www.tuicool.com/articles/nYnAjaQ