__CAPGO_KEEP_0__ | WebアプリをiOSとAndroidアプリに変換して署名済みアプリをビルド、App StoreとGoogle Playに公開し、Webの変更を配信...

ウェブアプリを持つチーム

ウェブアプリをiOSおよびAndroidアプリに変換

Capacitor で既存のウェブビルドをラップし、Capgo ビルドで署名されたバイナリをビルドし、App StoreおよびGoogle Playに公開します。リリース後、ウェブ変更をライブアップデートとして配信します。ウェブのcodeは元のままです。

ウェブ、iOS、Android向け
1つのコードベース
通常のネイティブビルド
2–3分
ウェブの変更はリリース後
ライブアップデート
npm install @capacitor/core @capacitor/cli @capacitor/ios @capacitor/android
npx cap init "Your App" com.company.app --web-dir dist
npx cap add ios && npx cap add android
npx @capgo/cli@latest init
npx @capgo/cli@latest build request --platform ios

あなたのウェブアプリ

React、Vue、Angular、Svelte、または静的ファイルにビルドする任意のスタック

アップデートを続けるアプリをストア

クラウドで構築されたネイティブのiOSおよびAndroidプロジェクト、オーバー・ザ・エアで更新

問題

あなたのチームはウェブを毎日リリースします。モバイルは新しい作業を追加します。

ウェブサイトは店舗アプリではない

Store presence, push notifications, and device APIs need a native app shell around your web code.

ネイティブツールはウェブチームにとって新しいものです

Xcode、Android Studio、署名証明書、キーストア、ストアレコードは、チームがこれまでに実行していない作業です。

2 つのリリース速度

ウェブアプリはマージするたびにリリースされます。ストアアプリは各変更ごとにレビューを待ち、24 時間から 48 時間、あるいはそれ以上かかることがあります。

始める前に

ウェブアプリのチェックリスト

ウェブアプリはほとんどの場合、Capacitor 内で動作し、少しだけ変更が必要です。これらの 3 つのチェックは、早期に共通の問題を捕捉します。

静的ビルド出力

Capacitor は、ウェブディレクトリ (webDir) からビルドファイルを 1 つのフォルダから読み込みます。Vite、Angular、Vue は、デフォルトでそれを生成します。Next.js には、静的エクスポートが必要です。

Next.js と Capacitor

ルーティングとサインインのリダイレクト

クライアント側のルーティング、OAuth リダイレクト、リンクがアプリ内で機能し、ドメイン以外でも機能することを確認してください。

Web app to Capacitor guide

必要なデバイス機能

ネイティブ プラグインが必要な機能: プッシュ通知、カメラ、ファイル、バイオメトリクス、またはインアプリ購入

Capacitor プラグイン

ソリューション

What Capacitor and Capgo handle

Capacitorは、ウェブアプリにネイティブシェルを提供します。 Capgoは、ビルド、ストアへの配信、更新を管理します。

Capacitor でウェブビルドをラップ

Capacitorは、iOSおよびAndroidのネイティブプロジェクトに、開発したWebアプリを配置します。プラグインは、JavaScriptがデバイス機能にアクセスできるようにします。

Capacitor プラグイン

Capgo Capgoでビルドするアプリはコンパイルおよび署名されます。

Request iOS and Android builds from the CLI. iOS builds run on cloud Macs, so nobody on the team needs one. A typical build takes 2–3 minutes.

Capgo ビルドドキュメント

ストアにアップロードする

署名されたビルドはApp Store ConnectとGoogle Playにアップロードされます。最初のリリースと各ネイティブの変更はすべてストアのレビューを通過する必要があります。

Capgo ビルドドキュメント

リリース後のお知らせ

JavaScript、HTML、CSS、資産の変更をインストール済みのアプリに送信して、ストアのリリースなしで更新できます。ステージングチャンネルでテストしてください。

__CAPGO_KEEP_0__ チャンネルドキュメント

お知らせの仕組み

ウェブチームがCapgoを使用してモバイルアプリを配信する方法

既存のウェブアプリからストアのビルドとライブアップデートまで。CapacitorコマンドはCapacitorから来て、CLI、CapgoコマンドはCapgoから来て、CLIドキュメントから来ます。

  1. CapgoにCapacitorを追加する

    Install Capacitor, set the app name, bundle ID, and build output folder, then add the iOS and Android projects.

    npm install @capacitor/core @capacitor/cli @capacitor/ios @capacitor/android
    npx cap init "Your App" com.company.app --web-dir dist
    npx cap add ios
    npx cap add android
    Capgoガイド: WebアプリからCapacitor
  2. アプリをCapgoに接続する

    アプリをCapgoに追加し、生産用チャネルを作成し、アップデート プラグインをインストールし、最初のテストアップデートを実行する手順を説明します。

    npx @capgo/cli@latest init
    CLI onboarding guide
  3. クラウドで署名されたアプリをビルドする

    署名を一度設定し、iOSとAndroidのビルドを要求します。署名されたビルドはApp Store ConnectとGoogle Playにアップロードされ、レビューを受けます。

    npm run build && npx cap sync
    npx @capgo/cli@latest build init
    npx @capgo/cli@latest build request --platform ios
    npx @capgo/cli@latest build request --platform android
    Capgo ビルドドキュメント
  4. Webアプリの変更をライブアップデートとして配信する

    ユーザーがストアアプリをインストールした後、各新しいWebビルドをチャンネルにアップロードします。ネイティブの変更は新しいストアビルドが必要です。

    npm run build
    npx @capgo/cli@latest bundle upload --channel production
    アップデートを配信する

Capgoのビルドドキュメント

Capgoのビルドドキュメント

Capgoのビルドドキュメント

Capgoのビルドドキュメント

You are preparing this existing web app to become an installable iOS and Android app.
Do not assume you can run local tooling. If this environment cannot create native projects or run local tools, create a clean handoff document instead.

Inspect the app and return:

1. The framework, package manager, production build process, and build output folder.
2. Whether the app can be exported or committed to a real Git repository.
3. The app name, bundle ID or package ID suggestion, app icon and splash-screen source, and any missing brand assets.
4. Auth, redirect, deep-link, storage, camera, push, payment, geolocation, file, or notification features that need native plugin planning.
5. Routing, environment variables, API URLs, and asset assumptions that could break inside a native WebView.
6. A proposed Capacitor configuration, including appId, appName, webDir, and required plugins, without inventing secrets.
7. A release-channel plan: production, staging, preview, and rollback expectations for web-layer updates.
8. A list of tasks that must happen outside this environment, such as Apple signing, Android keystore setup, native sync, store records, and signed builds.
9. A docs/mobile-release-handoff.md file with the exact checklist, open questions, and files that a developer or build service should handle next.
10. A short summary of what you changed, what you could not do in this environment, and the next human action.

Apps built with Capacitor

Web製品もストアアプリを配信する

製品はすでにWeb上で動作しているので、codeとCapacitorをパッケージし、App StoreとGoogle Playに公開し、Web層の改良をライブアップデートとして継続的に配信することができます。

Poll Everywhereアプリのアイコン BUSINESS

Poll Everywhere

プレゼンターと参加者は、同じフローを期待するウェブと携帯電話で使用されるアンケートソリューションです。

Google Playのインストール
1.1百万
ストアの評価
3.2
フリーランス: 雇用・求人アプリアイコン ビジネス

フリーランス: 雇用・求人

ウェブ製品が大きなマーケットプレイスで、雇用、メッセージング、口座画面もストアアプリに含まれる。

Google Play インストール
8,900万
評価
4.1
TV SPIELFILM - TV-番組アプリアイコン エンターテインメント

TV スピルフィルム - TV プログラム

TV の番組表サービスは、忙しいウェブサイトとストアアプリがあります。アプリは同じ番組表と編集コンテンツを表示します。

Google Play インストール
1,210万
ストア評価
4.4

顧客の証明

Capgoを使用するチームが評価する

5.0/5 チーム 9,400+ レビューを読む sikafanka

sikafanka

デザイン、半径 5

“Capgo ビルドは私たちのCapacitor アプリのリリースプロセスを簡素化しました。私たちは、iOSおよびAndroidアプリを1つの明確なワークフローからビルドおよび配信できます。”

カピル

NuTriQの創業者、カピル

“アプリのストアの完全なレビューサイクルを待たずに即時でOTAの生産更新をプッシュできることは、運用上の莫大な利点でした。”

ルイス・ドミンゲス

ルイス・ドミンゲス

アニロールの支払い者、ルイス・ドミンゲス

“Capgoを使用して始めて以来、全てが速くなり、ユーザーに必要な時間を与えられるようになりました。私が毎日行う生活を無視する必要がなくなりました。”

FAQ

質問

Webアプリをモバイルアプリに変換する際に、チームがよく尋ねる質問

短い答え

No. Capacitor runs your existing web build inside native iOS and Android projects. You add plugins where you need device features and keep one codebase for web and mobile.

Web app to Capacitor guide

いいえ。__CAPGO_KEEP_0__は、既存のWebビルドをネイティブのiOSとAndroidプロジェクト内で実行します。必要なデバイス機能のプラグインを追加し、Webとモバイル用のコードベースを1つに保ちます。

WebアプリからCapacitorへのガイド

Next.jsとCapacitorはどのように動作しますか?

iOS ビルドには Mac が必要ですか。

何がストア リリースなしで変更できますか?

JavaScript、HTML、CSS、およびアセットはライブアップデートとして配信できます。 プラグインの追加、権限の変更、またはCapacitorの更新には、新しいストアビルドが必要です。

モバイルアプリにしたい場合はLive updateかネイティブビルドを選択します。

既存の CI からモバイル アップデートを配信できますか?

Yes. Run bundle upload after your web build in GitHub Actions, GitLab CI, or any pipeline, and request native builds from the same pipeline when native code changes.

CI/CD統合

アプリをストアに配置する

Capgoを使用して、14日間の無料試用版を開始し、Capacitorでアプリをラッピングし、CLIからiOSとAndroidのビルドをリクエストしてください。