Capacitor——web apps跨平台本地运行时
kelvin 发布于 2021-01-28

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

安装Capacitor

有两种方法开始使用Capacitor:添加Capacitor到现有的前端项目(推荐),或开始一个新的项目。Capacitor的设计主要是为了加入现有的前端项目,但如果您想重新开始,它提供了一个简单的启动项目结构。

Capacitor为web应用程序提供了本机移动运行时和API层。它没有任何特定的UI控件集,除非你正在构建一个游戏或类似的东西,否则你很可能需要这些控件。

我们强烈建议开始一个电容器项目与您的移动前端框架的选择(如离子框架)。

在开始之前

确保为要构建的平台安装了所有必需的依赖项。最重要的是,如果您计划使用Mac构建iOS,请确保在开始新项目之前使用pod repo update更新CocoaPods。

Capacitor添加到现有的Ionic应用程序中

参考(http://www.programmer01.com/u/kelvin/p/101801407192

向现有web应用添加Capacitor

Capacitor被设计成可以嵌入任何现有的现代JavaScript web应用程序。有效的包.json文件和包含所有web资产的文件夹是启动所必需的。此外,在main中需要<head>元素索引.html文件,因为电容器是在应用程序初始化时注入的。

要向web应用添加Capacitor,请运行以下命令:

cd my-app
npm install @capacitor/core @capacitor/cli
然后,用你的应用程序信息初始化Capacitor

注意:npx是npm5或更高版本中提供的一个新实用程序,它执行本地二进制文件/脚本以避免全局安装。

npx cap init

此命令将提示您输入应用程序的名称和应用程序id(Android的软件包名称和iOS的捆绑包标识符)。使用--web dir标志设置web资产文件夹(默认为www)。

这将创建一个没有UI库的非常简单的启动应用程序。


kelvin
关注 私信
文章
92
关注
0
粉丝
0