Ionic部署发布 #

开发 → 测试 → 构建 → 签名 → 上架
  │       │       │       │       │
  └───┴─────┴───────┴───────┴───→ 发布

// capacitor.config.ts
import { CapacitorConfig } from '@capacitor/cli';

const config: CapacitorConfig = {
  appId: 'com.example.myapp',
  appName: 'My App',
  webDir: 'www',
  bundledWebRuntime: false,
  
  plugins: {
    SplashScreen: {
      launchShowDuration: 2000,
      backgroundColor: '#3880ff',
      showSpinner: false
    }
  }
};

export default config;

# 安装cordova-res
npm install -g cordova-res

# 生成图标
cordova-res ios --skip-config --copy
cordova-res android --skip-config --copy

resources/
├── icon.png          # 应用图标 (1024x1024)
├── splash.png        # 启动画面 (2732x2732)
├── ios/
│   ├── icon/
│   └── splash/
└── android/
    ├── icon/
    └── splash/

# 1. 创建证书签名请求
# 钥匙串访问 → 证书助理 → 从证书颁发机构请求证书

# 2. 在Apple Developer创建证书
# https://developer.apple.com/account

# 3. 下载并安装证书

# 打开Xcode
npx cap open ios

# 1. 构建Web资源
ionic build --prod

# 2. 同步到iOS
npx cap sync ios

# 3. 在Xcode中构建
# Product → Archive

# 4. 上传到App Store Connect
# Window → Organizer → Distribute App

# 创建密钥库
keytool -genkey -v -keystore my-release-key.jks \
  -keyalg RSA -keysize 2048 -validity 10000 \
  -alias my-alias

# 查看密钥信息
keytool -list -v -keystore my-release-key.jks

// android/app/build.gradle
android {
  signingConfigs {
    release {
      storeFile file('my-release-key.jks')
      storePassword 'your-store-password'
      keyAlias 'my-alias'
      keyPassword 'your-key-password'
    }
  }
  
  buildTypes {
    release {
      signingConfig signingConfigs.release
      minifyEnabled false
      proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
    }
  }
}

# 1. 构建Web资源
ionic build --prod

# 2. 同步到Android
npx cap sync android

# 3. 打开Android Studio
npx cap open android

# 4. 构建APK/AAB
# Build → Generate Signed Bundle/APK

# 构建生产版本
ionic build --prod

// manifest.json
{
  "name": "My App",
  "short_name": "MyApp",
  "start_url": "/",
  "display": "standalone",
  "background_color": "#ffffff",
  "theme_color": "#3880ff",
  "icons": [
    {
      "src": "assets/icon/icon.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ]
}

// ngsw-config.json
{
  "index": "/index.html",
  "assetGroups": [
    {
      "name": "app",
      "installMode": "prefetch",
      "resources": {
        "files": [
          "/favicon.ico",
          "/index.html",
          "/*.css",
          "/*.js"
        ]
      }
    },
    {
      "name": "assets",
      "installMode": "lazy",
      "updateMode": "prefetch",
      "resources": {
        "files": [
          "/assets/**"
        ]
      }
    }
  ]
}

# 上传www目录到服务器
# 或使用CI/CD自动部署

# .github/workflows/deploy.yml
name: Deploy

on:
  push:
    branches: [main]

jobs:
  build:
    runs-on: macos-latest
    
    steps:
      - uses: actions/checkout@v3
      
      - name: Setup Node.js
        uses: actions/setup-node@v3
        with:
          node-version: '18'
          
      - name: Install dependencies
        run: npm ci
        
      - name: Build
        run: npm run build -- --prod
        
      - name: Sync Capacitor
        run: npx cap sync
        
      - name: Build iOS
        run: |
          cd ios
          xcodebuild -workspace App.xcworkspace -scheme App -configuration Release -archivePath build/App.xcarchive archive
          
      - name: Upload to TestFlight
        run: |
          xcodebuild -exportArchive -archivePath build/App.xcarchive -exportOptionsPlist ExportOptions.plist -exportPath build/

# ios/fastlane/Fastfile
default_platform(:ios)

platform :ios do
  desc "Build and upload to TestFlight"
  lane :beta do
    build_app(workspace: "App.xcworkspace", scheme: "App")
    upload_to_testflight
  end
  
  desc "Build and upload to App Store"
  lane :release do
    build_app(workspace: "App.xcworkspace", scheme: "App")
    upload_to_app_store
  end
end

# android/fastlane/Fastfile
default_platform(:android)

platform :android do
  desc "Build and upload to Play Store"
  lane :release do
    gradle(task: "assembleRelease")
    upload_to_play_store
  end
end

// package.json
{
  "version": "1.0.0"
}

<!-- AndroidManifest.xml -->
<manifest android:versionCode="1" android:versionName="1.0.0">

<!-- Info.plist -->
<key>CFBundleShortVersionString</key>
<string>1.0.0</string>
<key>CFBundleVersion</key>
<string>1</string>

import { App } from '@capacitor/app';

async checkUpdate() {
  const info = await App.getInfo();
  const latest = await this.api.getLatestVersion();
  
  if (this.compareVersions(latest.version, info.version) > 0) {
    if (latest.forceUpdate) {
      this.showForceUpdateAlert();
    } else {
      this.showUpdateAlert();
    }
  }
}