环境配置
Capacitor官方支持三种应用平台:Android、iOS和Web。要为所有平台开发应用,需要安装以下所有依赖项。如果不需要开发某个原生移动平台的应用,可以跳过相关章节。
核心需求
开发任何Capacitor应用都需要安装NodeJS 16或更高版本。可以通过以下方式安装Node:
- 使用Node官网的安装程序
- 使用JavaScript工具管理器Volta
- 通过包管理器如homebrew或Chocolatey安装
安装完成后,在终端执行以下命令验证Node是否正确安装:
node --version
# v18.3.0
安装好Node后,就可以开始使用Capacitor开发渐进式Web应用(PWA)了。
iOS开发需求
构建iOS应用需要macOS系统。虽然可以通过Ionic Appflow等方案进行云端构建,但强烈建议在本地配置开发环境以便充分测试应用。
开发iOS应用需要额外安装四个依赖项:
- Xcode
- Xcode命令行工具
- Homebrew
- CocoaPods
安装好这些工具后,就能同时开发iOS应用和PWA了。
Xcode
Xcode是苹果官方的开发工具,用于构建macOS、iOS和iPadOS应用。可在Mac App Store下载安装。Capacitor 5要求最低Xcode 14.1版本。
Xcode命令行工具
这些工具是Xcode的补充组件。安装Xcode后,在终端执行以下命令安装:
xcode-select --install
输入密码等待安装完成后,可通过以下命令验证:
xcode-select -p
# /Applications/Xcode.app/Contents/Developer
Homebrew
Homebrew是macOS的包管理工具,用于安装CocoaPods(支持Intel和Apple Silicon芯片)。安装命令:
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
这不是我们随意推荐的安装方式,而是brew.sh官方建议的安装方法。
如果不希望安装Homebrew,下文提供了替代方案(但不推荐)。
CocoaPods
CocoaPods是iOS依赖管理工具,Capacitor用它来管理原生依赖。通过Homebrew安装:
brew install cocoapods
验证安装:
pod --version
# 1.12.1
不使用Homebrew安装CocoaPods
可通过Ruby Gem直接安装:
sudo gem install cocoapods
但这种方式在Apple Silicon芯片的Mac上无法直接运行,需要通过Rosetta转译。先执行:
sudo arch -x86_64 gem install ffi
之后每次更新web代码时,需要执行:
npx cap copy
arch -x86_64 pod install
Android开发需求
开发Android应用需要两个额外组件:
- Android Studio
- Android SDK
注意:无需单独安装Java开发工具包(JDK),Android Studio会自动安装所需JDK。
安装完成后即可开发Android应用和PWA。
Android Studio
这是Google官方的Android开发IDE。从下载页面获取。Capacitor 5要求最低Android Studio 2022.2.1版本。
Android SDK
安装Android Studio后,需安装SDK组件包。必须安装Android SDK Tools和API 22及以上版本的平台工具。
在Android Studio中,通过工具 -> SDK管理器菜单,在SDK平台标签页选择需要测试的平台版本:
初始阶段只需安装一个API版本即可。图中安装了Android 9(API 28)和Android 10(API 29)的SDK。当前最新稳定版是Android 13(API 33)。