在Ionic中使用Capacitor
kelvin 发布于 2021-01-28

在Ionic中安装Capacitor

Capacitor很容易直接安装到任何Ionic项目(1.0-4.x+)。

新Ionic项目

ionic start myApp tabs --capacitor
cd myApp

已经存在的Ionic项目

cd myApp
ionic integrations enable capacitor
用app信息初始化Capacitor

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

npx cap init [appName] [appId]
appName 和 app名字一样, and appId 是 app的域名标识(ex: com.example.app).

注意:使用本机ide在初始配置后更改这些属性。

构建Ionic App

在添加任何本机平台之前,必须至少构建一次Ionic项目。

ionic build
这将创建已自动配置为在中用作webDir的www文件夹Capacitor.config.json.

添加平台

npx cap add ios
npx cap add android

在项目根目录下创建android和ios文件夹。这些是完全独立的本机项目工件,应该被视为您的离子应用程序的一部分(即,将它们签入源代码管理,在它们自己的ide中编辑它们,等等)。

打开IDE以构建、运行和部署

npx cap open ios
npx cap open android
原生iOS和Android项目在它们的标准ide中打开(分别是Xcode和androidstudio)。使用IDE运行和部署应用程序。

将应用程序与Capacitor同步

每次执行更改web目录(默认:www)的构建(例如,ionic构建)时,都需要将这些更改复制到本机项目:

npx cap copy


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