__CAPGO_KEEP_0__ 웹 앱을 iOS 및 Android 앱으로 변환하고 signed iOS 및 Android 앱을 빌드하여 App Store 및 Google Play에 배포하세요.

웹 앱을 가진 팀

웹 앱을 iOS 및 Android 앱으로 변환

Capacitor으로 웹 빌드를 wrapping하고, Capgo Build로 서명된 바이너리를 빌드하고, 앱 스토어와 구글 플레이에 게시하세요. 런칭 후, 웹 변경 사항을 라이브 업데이트로 배포하세요. 웹 code은 원본입니다.

웹, iOS, Android
한 번의 코드
일반적인 네이티브 빌드
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 프로젝트를 빌드하고 공중으로 업데이트하세요

문제

팀이 매일 웹을 배포합니다. 모바일은 새로운 작업을 추가합니다.

웹 앱은 스토어 앱이 아니다

스토어의 존재, 푸시 알림, 장치 API를 사용하려면 웹 code에 네이티브 앱 셸이 필요합니다.

네이티브 도구는 웹 팀에게 새로운 도구입니다

Xcode, Android Studio, 서명 인증서, 키 스토어, 스토어 레코드는 웹 팀이 이전에 수행하지 않은 작업입니다.

두 가지 배포 속도

웹 앱은 언제든지 병합할 때 배포됩니다. 스토어 앱은 각 변경에 대해 검토를 기다려야 하며, 일반적으로 24-48시간이 걸리며, 때로는 더 오래 걸립니다.

시작하기 전에

웹 앱에서 먼저 확인해야 할 사항

대부분의 웹 앱은 Capacitor 내에서 몇 가지 변경만으로 작동합니다. 이 세 가지 확인은 일반적인 문제를 빠르게 잡아냅니다.

정적 빌드 출력

Capacitor은 빌드 파일을 하나의 폴더 (webDir)에서 로드합니다. Vite, Angular, Vue는 기본적으로 이를 생성합니다. Next.js는 정적 내보내기가 필요합니다.

Next.js와 Capacitor

필요한 장치 기능

네이티브 플러그인을 필요로 하는 항목을 나열하세요: 푸시 알림, 카메라, 파일, 생체 인식, 또는 인앱 구매.

Capacitor 플러그인

해결책

이것을 Capacitor과 Capgo이 처리하는지 확인하세요.

Capacitor은 웹 앱에 네이티브 셸을 제공합니다. Capgo은 그것을 빌드하고 스토어에 배포하며 업데이트를 유지합니다.

Capacitor은 웹 빌드를.wrap합니다.

Capacitor은 빌드된 웹 앱을 네이티브 iOS 및 Android 프로젝트에 배치합니다. 플러그인은 자바스크립트가 장치 기능에 접근할 수 있도록 합니다.

Capacitor 플러그인

Capgo 빌드 컴파일 및 서명

CLI을 통해 iOS 및 Android 빌드를 요청할 수 있습니다. iOS 빌드는 클라우드 맥에서 실행되므로 팀의 누구도 맥을 필요로하지 않습니다. 일반적인 빌드는 2-3분 정도 걸립니다.

Capgo 빌드 문서

스토어에 업로드

서명된 빌드는 App Store Connect 및 Google Play로 업로드됩니다. 첫 번째 릴리스와 모든 네이티브 변경은 여전히 스토어 리뷰를 거칩니다.

Capgo 빌드 문서

릴리즈 후 라이브 업데이트

JavaScript, HTML, CSS 및 자산 변경을 설치된 앱으로 보내고 새로운 스토어 릴리스 없이 테스트할 수 있습니다. 먼저 스테이징 채널에서 테스트하세요.

__CAPGO_KEEP_0__ 채널 문서

이것은 어떻게 작동하는지

웹 팀이 Capgo를 사용하여 모바일 앱을 배포하는 방법

기존 웹 앱부터 스토어 빌드 및 라이브 업데이트까지. Capacitor 명령은 Capacitor CLI에서 오고, Capgo 명령은 Capgo CLI 문서에서 오고 있습니다.

  1. Capacitor을 웹 앱에 추가하세요

    Capacitor을 설치하고 앱 이름, 번들 ID, 빌드 출력 폴더를 설정한 다음 iOS 및 Android 프로젝트를 추가하세요.

    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
    Capacitor 가이드
  2. Capgo 연결

    Capgo 온보딩 가이드

    npx @capgo/cli@latest init
    CLI 빌드 가이드
  3. __CAPGO_KEEP_0__ 빌드 문서

    __CAPGO_KEEP_0__ 배포

    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. __CAPGO_KEEP_0__을 웹 앱으로 변환하는 방법

    __CAPGO_KEEP_0__을 웹 앱으로 변환하는 방법

    npm run build
    npx @capgo/cli@latest bundle upload --channel production
    __CAPGO_KEEP_0__을 웹 앱으로 변환하는 방법

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.

Capacitor으로 빌드된 앱

웹 제품도 스토어 앱을 배포하는 제품

code과 Capacitor을 사용하여 웹 제품을 패키징하고 앱 스토어에 배포하여 웹层 개선 사항을 실시간으로 업데이트할 수 있습니다.

Poll Everywhere 앱 아이콘 BUSINESS

Poll Everywhere

웹과 모바일에서 사용되는 발표자와 참가자 모두가 같은 흐름을 기대하는 청중 조사 제품입니다.

구글 플레이 설치
1,100,000
스토어 평점
3.2
자유职业가: 채용 & 일자리 찾기 앱 아이콘 사업

자유职业가: 채용 & 일자리 찾기

대규모 웹 제품을 갖춘 시장에서 채용, 메시지, 계정 화면도 스토어 앱에 배포됩니다.

구글 플레이 설치
8,900,000
평가 점수
4.1
TV SPIELFILM - TV-프로그램 앱 아이콘 문화

TV 스플리플름 - TV 프로그램

TV 프로그램 서비스는 바쁜 웹사이트와 스토어 앱이 같은 가이드와 편집 콘텐츠를 보여줍니다.

Google Play 설치
12,100만
스토어 평점
4.4

무료로 시작하세요.

Capgo으로 배포하는 팀들

5.0/5 팀이 __CAPGO_KEEP_0__를 사용하여 배포하는 것에 대한 증명 9,400+ teams 개발자 팀에 의해 평가된 점수

팀

설계, 반지름 5

“Capgo 빌드가 우리에게 Capacitor 앱 릴리스 프로세스를 단순화했습니다. 우리는 iOS 및 Android 앱을 하나의 명확한 워크플로우에서 빌드하고 배포할 수 있습니다.”

Kapil

NuTriQ의 창립자

“생산 OTA 업데이트를 즉시 푸시할 수 있는 것이 앱 스토어의 전체 리뷰 사이클을 기다리지 않고 운영상의 큰 이점이었습니다.”

Luis Dominguez의 초상화

Luis Dominguez

Anirol의 지불자

“Capgo을 사용하기 시작한 후 모든 것이 더 빠르며, 사용자에게 필요한 시간을 제공할 수 있으면서도 일상 생활을 잊지 않고 있습니다.”

FAQ

__CAPGO_KEEP_0__을 사용하여 웹 앱을 모바일 앱으로 변환하는 데 대한 질문

__CAPGO_KEEP_0__을 사용하여 웹 앱을 모바일 앱으로 변환하는 데 대한 질문

__CAPGO_KEEP_0__을 사용하여 웹 앱을 모바일 앱으로 변환하는 데 대한 질문

Capacitor을 사용하여 웹 앱을 모바일 앱으로 변환하는 데 대한 질문

Capacitor을 사용하여 웹 앱을 모바일 앱으로 변환하는 데 대한 질문

__CAPGO_KEEP_0__을 사용하여 웹 앱을 모바일 앱으로 변환하는 데 대한 질문

Capacitor을 사용하여 웹 앱을 모바일 앱으로 변환하는 데 대한 질문

Capacitor을 사용하여 웹 앱을 모바일 앱으로 변환하는 데 대한 질문

__CAPGO_KEEP_0__을 사용하여 웹 앱을 모바일 앱으로 변환하는 데 대한 질문

Capgo을 사용하여 웹 앱을 모바일 앱으로 변환하는 데 대한 질문

Capgo 빌드 문서

무엇을 변경할 수 있나요?

앱을 스토어에 배포하세요

14일 무료试用 시작, GitHub으로 앱을 wrapping하고 code에서 첫 번째 iOS 및 Android 빌드를 요청하세요.

__CAPGO_KEEP_0__ 빌드를 사용하여 iOS 및 Android 앱으로 웹 앱을 변환하세요.

마틴의 인간 지원

14일 무료 테스트 시작, 앱을 Capacitor로 wrapping하고 CLI에서 첫 번째 iOS 및 Android 빌드를 요청하세요.