ウェブサイトは店舗アプリではない
Store presence, push notifications, and device APIs need a native app shell around your web code.
ウェブアプリを持つチーム
Capacitor で既存のウェブビルドをラップし、Capgo ビルドで署名されたバイナリをビルドし、App StoreおよびGoogle Playに公開します。リリース後、ウェブ変更をライブアップデートとして配信します。ウェブのcodeは元のままです。
14日間の無制限の無料試用版。クレジットカードは必要ありません
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、署名証明書、キーストア、ストアレコードは、チームがこれまでに実行していない作業です。
ウェブアプリはマージするたびにリリースされます。ストアアプリは各変更ごとにレビューを待ち、24 時間から 48 時間、あるいはそれ以上かかることがあります。
始める前に
ウェブアプリはほとんどの場合、Capacitor 内で動作し、少しだけ変更が必要です。これらの 3 つのチェックは、早期に共通の問題を捕捉します。
Capacitor は、ウェブディレクトリ (webDir) からビルドファイルを 1 つのフォルダから読み込みます。Vite、Angular、Vue は、デフォルトでそれを生成します。Next.js には、静的エクスポートが必要です。
Next.js と Capacitorクライアント側のルーティング、OAuth リダイレクト、リンクがアプリ内で機能し、ドメイン以外でも機能することを確認してください。
Web app to Capacitor guideネイティブ プラグインが必要な機能: プッシュ通知、カメラ、ファイル、バイオメトリクス、またはインアプリ購入
Capacitor プラグインソリューション
Capacitorは、ウェブアプリにネイティブシェルを提供します。 Capgoは、ビルド、ストアへの配信、更新を管理します。
Capacitorは、iOSおよびAndroidのネイティブプロジェクトに、開発したWebアプリを配置します。プラグインは、JavaScriptがデバイス機能にアクセスできるようにします。
Capacitor プラグイン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__ チャンネルドキュメントお知らせの仕組み
既存のウェブアプリからストアのビルドとライブアップデートまで。CapacitorコマンドはCapacitorから来て、CLI、CapgoコマンドはCapgoから来て、CLIドキュメントから来ます。
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
アプリをCapgoに追加し、生産用チャネルを作成し、アップデート プラグインをインストールし、最初のテストアップデートを実行する手順を説明します。
npx @capgo/cli@latest init
CLI onboarding guide
署名を一度設定し、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 ビルドドキュメント
ユーザーがストアアプリをインストールした後、各新しいWebビルドをチャンネルにアップロードします。ネイティブの変更は新しいストアビルドが必要です。
npm run build
npx @capgo/cli@latest bundle upload --channel production
アップデートを配信する
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上で動作しているので、codeとCapacitorをパッケージし、App StoreとGoogle Playに公開し、Web層の改良をライブアップデートとして継続的に配信することができます。
プレゼンターと参加者は、同じフローを期待するウェブと携帯電話で使用されるアンケートソリューションです。
ウェブ製品が大きなマーケットプレイスで、雇用、メッセージング、口座画面もストアアプリに含まれる。
TV の番組表サービスは、忙しいウェブサイトとストアアプリがあります。アプリは同じ番組表と編集コンテンツを表示します。
デザイン、半径 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 guideWebアプリからCapacitorへのガイド
Next.jsとCapacitorはどのように動作しますか?Next.jsとCapgo
Capgo ビルドドキュメントJavaScript、HTML、CSS、およびアセットはライブアップデートとして配信できます。 プラグインの追加、権限の変更、またはCapacitorの更新には、新しいストアビルドが必要です。
モバイルアプリにしたい場合はLive updateかネイティブビルドを選択します。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のビルドをリクエストしてください。
Turn your web app into iOS and Android apps with Capgo Build.
無料で始めましょう
14日間無制限の無料試用。クレジットカードは必要ありません。
ビジネス用途の場合は? チームとお話しましょう