코르도바를 사용하여 웹 애플리케이션을 Capacitor으로 마이그레이션하는 단계별 안내서

이 안내서에서는 코르도바에서 Capacitor으로 웹 애플리케이션을 마이그레이션하는 단계별 방법을 설명합니다. 모든 섹션을 다루고 단계별로 진행할 수 있도록 도와드립니다.

코르도바와 Capacitor 소개

코르도바와 Capacitor은 HTML, CSS, JavaScript를 사용하여 다양한 플랫폼에서 네이티브 애플리케이션을 생성할 수 있도록 도와주는 도구입니다. 두 도구는 유사점이 있지만 네이티브 프로젝트 관리, 플러그인 관리, CLI/버전 관리에 있어 차이점이 있습니다.

마이그레이션 전략

Migrating from Cordova to Capacitor can be done gradually or as a complete replacement, depending on the complexity of your app. Capacitor is backward-compatible with Cordova, allowing you to switch your existing web apps to it whenever you’re ready.

Capacitor의 이주를 도와주는 도구를 사용하세요. Ionic VS Code Extension Cordova 플러그인을 사용 중인 경우 Cordova 플러그인을 계속 사용하거나 Capacitor와 같은 대체 플러그인을 사용할 수 있습니다.

Step-by-Step 이주 가이드

Follow these steps to migrate your web app from Cordova to Capacitor:

별도의 code branch에서 작업하세요.이러한 변경 사항을 적용할 때는 별도의 code branch에서 작업하는 것을 권장합니다.
애플리케이션을 Capacitor로 초기화하세요.프로젝트를 터미널에서 열고 Capgo로 Cordova를 마이그레이션하는 지침에 따라 진행하세요. 웹 앱에 Capacitor을 추가합니다. or Ionic 앱에 Capacitor을 추가합니다.. Cordova 파일에서 앱 이름과 Bundle ID 정보를 사용하세요. config.xml 웹 앱을 빌드하세요.
: 웹 프로젝트를 최소한 한 번 빌드한 후 네이티브 플랫폼을 추가하세요. 이로 인해 __CAPGO_KEEP_0__ 구성 파일에서 폴더가 올바르게 구성되도록 합니다.플랫폼 추가: www 폴더가 올바르게 Capacitor 설정 파일에서 구성되어 있습니다.
아이콘 및 스플래시 스크린 생성:: Run npx cap add ios Run npx cap add android and
toGenerate cordova-res Cordova에서 Capgo로 마이그레이션하는 방법
Cordova 플러그인을 감사하고 마이그레이션하세요: Cordova 플러그인을 사용 중인 경우 Cordova 플러그인을 Capacitor와 대체하거나 제거하세요.
Cordova 플러그인 제거: Cordova 플러그인을 대체하거나 제거한 후 __CAPGO_KEEP_0__를 제거하고 npx cap sync native 프로젝트에서 플러그인 code를 제거하세요.
: Cordova 플러그인을 대체하거나 제거한 후 __CAPGO_KEEP_0__를 제거하고 추가 권한 적용 plugin.xml : iOS와 Android에서 Cordova 플러그인과 __CAPGO_KEEP_0__의 설정을 매핑하여 필요한 권한을 적용하세요.
설정: Cordova 플러그인에서 __CAPGO_KEEP_0__ 설정 파일에 수동으로 선호 사항을 추가하세요. config.xml Capacitor로 이관하는 과정에서 Capacitor 설정 파일로 이동하세요.
플랫폼별 구성을 처리합니다.: 각 플랫폼 (iOS 및 Android)에서 필요한 경우 요소들을 구성합니다. config.xml 콘텐츠를 제공하는 scheme을 변경합니다.
콘텐츠 제공을 위한 스킴 변경CORDOVA를 테스트하고 제거합니다.
: Cordova로 이주한 앱을 테스트하여 모든 변경 사항이 올바르게 적용되었는지 확인합니다. 만족스럽게 테스트한 후, CORDOVA를 프로젝트에서 제거하거나, Cordova 플러그인을 계속 사용할 계획이라면, 제거하지 않습니다.축하합니다! Cordova에서 __CAPGO_KEEP_0__로 이주한 웹 앱이 성공적으로 이주되었습니다. Cordova 플러그인을 __CAPGO_KEEP_1__ 프로젝트에서 사용하는 방법 또는 __CAPGO_KEEP_2__ 개발 워크플로우에 대한 자세한 내용은 __CAPGO_KEEP_0__ 공식 문서를 방문하여 확인할 수 있습니다.

Congratulations! You’ve successfully migrated your web app from Cordova to Capacitor. To learn more about using Cordova plugins in a Capacitor project or the Capacitor development workflow, visit the Capacitor Live Updates.

Capacitor의 Capgo 서비스를 통한 실시간 업데이트

We’re proud to offer Capgo, our solution that enables live updates for your Capacitor apps, allowing you to deliver Over-The-Air (OTA) updates at a fair price. This feature is particularly useful for making quick fixes, deploying new features, and ensuring your users always have the latest version of your app without waiting for app store approval.

Capgo Live Updates

Capgo은 클라우드 기반 서비스로, Capacitor 앱에 라이브 업데이트를 배포할 수 있습니다. 이 서비스는 웹 대시보드와 네이티브 SDK를 포함하고 있으며, 앱에 통합할 수 있습니다. SDK은 시작 시 또는 특정 간격으로 업데이트를 확인하고, 배경에서 다운로드합니다. 업데이트가 있을 때, SDK은 사용자에게 설치를 요청합니다. 사용자가 수락하면 업데이트는 즉시 설치되고 적용됩니다.

Capgo 라이브 업데이트의 이점

빠른 업데이트: 앱 스토어 승인 기다리지 않고 즉시 업데이트를 배포할 수 있습니다.
애플 스토어 의존성 감소: 앱 스토어 제한과 제약을 피할 수 있습니다.
개선된 사용자 경험: 최신 기능과 버그 수정을 사용자에게 제공하여, 사용자가 앱을 수동으로 업데이트할 필요가 없습니다.

Capgo 라이브 업데이트의 구현 방법

Capgo 라이브 업데이트를 Capacitor 프로젝트에 구현하려면 다음 단계를 따르세요:

__CAPGO_KEEP_0__ 계정에 가입하세요. Capgo은 클라우드 기반 서비스로, __CAPGO_KEEP_1__ 앱에 라이브 업데이트를 배포할 수 있습니다. 이 서비스는 웹 대시보드와 네이티브 __CAPGO_KEEP_2__를 포함하고 있으며, 앱에 통합할 수 있습니다. __CAPGO_KEEP_3__은 시작 시 또는 특정 간격으로 업데이트를 확인하고, 배경에서 다운로드합니다. 업데이트가 있을 때, __CAPGO_KEEP_4__은 사용자에게 설치를 요청합니다. 사용자가 수락하면 업데이트는 즉시 설치되고 적용됩니다..
프로젝트에 Capgo SDK를 설치하세요.
앱을 시작할 때 또는 특정 간격으로 업데이트를 확인하도록 구성하세요.
업데이트를 앱에 배포하려면 Capgo 대시보드를 사용하세요.

결론

이 안내서가 Cordova에서 Capacitor로 웹 앱을 마이그레이션하는 데 도움이 되었기를 바랍니다. 마이그레이션 프로세스에 대한 도움을 필요로 하거나 질문이 있으시면, Capacitor의 디스코드 서버에 연락해 주세요.

웹 앱을 Cordova에서 Capacitor로 마이그레이션하는 단계별 안내서: 계속하세요.

웹 앱을 Cordova에서 __CAPGO_KEEP_0__로 마이그레이션하는 단계별 안내서를 사용하고 있다면 마이그레이션과 기업 운영을 계획하고 싶다면, Capacitor Enterprise와 연결하세요. migration과 기업 운영을 계획하고 연결하기 위해 Capgo 기업 Capacitor로 제품 워크플로우에서 Capgo Enterprise를 사용합니다. Ionic Enterprise Plugin 대체 옵션 Ionic 이Enterprise 플러그인 대체품 workflow에 대해. Capgo 대안 for the product workflow in Capgo Alternatives, Capgo 컨설팅 for the product workflow in Capgo Consulting, and Capgo 프리미엄 지원 for the product workflow in Capgo Premium Support.