Capacitor를 사용하여 Cordova에서 Capacitor로 이주하는 단계별 안내서
이 가이드는 Cordova에서 Capacitor로 이주하는 것을 도와줍니다. 모든 섹션을 다루고 단계별로 접근하여 읽기와 따르기 쉽게 만듭니다. Cordova와 Capacitor는 모두 HTML, CSS 및 JavaScript를 사용하여 다양한 플랫폼에서 네이티브 애플리케이션을 만들 수 있는 도구입니다. 두 도구는 유사점이 있지만 네이티브 프로젝트 관리, 플러그인 관리 및 __CAPGO_KEEP_1__/버전 관리에 대한 접근 방식이 다릅니다.
Introduction to Cordova and Capacitor
Cordova and Capacitor are both tools that enable web developers to create native applications for various platforms using HTML, CSS, and JavaScript. While they share similarities, there are key differences in their approach to native project management, plugin management, and CLI/version management.
이동 전략
Cordova에서 Capacitor으로 이동하는 것은 복잡성에 따라 점진적으로 또는 완전한 대체로 수행할 수 있습니다. Capacitor은 Cordova와 호환되며, Cordova를 사용하는 웹 앱을 Capacitor으로 전환할 때까지 사용할 수 있습니다.
이동을 도와주기 위해, Cordova 플러그인에 대한 __CAPGO_KEEP_0__ 확장기를 사용하는 것을 고려해 보세요. Ionic VS Code 확장기 Cordova 플러그인을 사용 중인 경우, Cordova 플러그인을 계속 사용하거나 Capacitor에 해당하는 플러그인으로 대체할 수 있습니다.
단계별 이동 가이드
Cordova에서 Capacitor으로 웹 앱을 이동하는 단계를 따라해 보세요.
-
작업을 위한 별도의 code branch: 이 변경 사항을 적용할 때 별도의 code branch에서 작업하는 것을 추천합니다.
-
Capacitor으로 앱 초기화: 터미널에서 프로젝트를 열고 __CAPGO_KEEP_0__을 웹 앱에 추가하는 지침을 따라해 보세요. Cordova에서 Capacitor으로 이동하는 방법 또는 Capacitor을 Ionic 앱에 추가하세요. Cordova 앱의 정보를 사용하여 앱 이름과 Bundle ID를 가져옵니다.
config.xml웹 앱을 빌드하세요 -
: 웹 프로젝트를 최소한 한 번 빌드한 후 네이티브 플랫폼을 추가하세요. 이로 인해 __CAPGO_KEEP_0__ 구성 파일에서 폴더가 올바르게 구성되도록 합니다.플랫폼 추가
wwwfolder is properly configured in the Capacitor configuration file. -
를 실행하여 iOS 및 Android 플랫폼을 추가하세요. 이로 인해 프로젝트의 루트 폴더에 별도의 네이티브 프로젝트 폴더가 생성됩니다.아이콘 및 스플래시 스크린 생성
npx cap add ios과npx cap add android트러스트 -
iOS 및 Android 플랫폼을 추가하세요. 이로 인해 프로젝트의 루트 폴더에 별도의 네이티브 프로젝트 폴더가 생성됩니다.: Cordova에서 이미 존재하는 아이콘과 스플래시 스크린 이미지를 사용한다면,
cordova-res기존 아이콘과 스플래시 스크린 이미지를 생성하고 native 프로젝트에 복사하는 -
기존 Cordova 플러그인을 감사하고 Cordova 플러그인을 마이그레이션한다: 기존 Cordova 플러그인을 검토하고 가능하다면 Capacitor 동등한 플러그인으로 대체한다. 불필요한 플러그인을 제거한다.
-
Cordova 플러그인을 제거한다: Cordova 플러그인을 대체하거나 제거한 후, 플러그인을 제거하고
npx cap sync를 실행하여 native 프로젝트에서 code 플러그인을 제거한다. -
추가 권한을 적용한다: iOS와 Android에서
plugin.xml와 필요한 설정을 매핑하여 필요한 권한을 적용한다. -
설정 선호도 구성한다: 수동으로
config.xmlCapacitor 설정 파일로 이동하세요. -
플랫폼별 설정을 처리하세요.: 각 플랫폼(iOS 및 Android)에서 필요한 경우 요소들을 구성하세요.
config.xml콘텐츠를 제공하는 데 사용하는 스킴을 변경하세요. -
: 콘텐츠를 제공하는 데 사용하는 스킴을 변경할 필요가 있는 경우 데이터 손실을 피하기 위해 콘텐츠를 제공하는 데 사용하는 스킴을 변경하세요. 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를 통해 __CAPGO_KEEP_1__ 앱에 라이브 업데이트를 제공하는 것을 자랑스럽게 생각합니다. 이 서비스를 사용하면 OTA 업데이트를 저렴한 가격에 제공할 수 있습니다. 이 기능은 빠른 수정, 새로운 기능의 배포 및 사용자가 항상 최신 버전의 앱을 사용할 수 있도록 보장하기 위해 특히 유용합니다. 앱 스토어 승인 기다리지 않고 사용자에게 업데이트를 제공할 수 있습니다..
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.
How Our Capgo Service Works
Capgo은 클라우드 기반 서비스로, Capacitor 앱에 실시간 업데이트를 배포할 수 있습니다. 이 서비스는 웹 대시보드와 네이티브 SDK를 포함하고 있으며, 앱에 통합할 수 있습니다. SDK은 시작 시 또는 특정 간격에 업데이트를 확인하고, 배경에서 다운로드합니다. 업데이트가 있을 때, SDK는 사용자에게 설치를 요청합니다. 사용자가 수락하면 업데이트가 즉시 설치되고 적용됩니다.
Capgo Live Updates의 이점
- 빠른 업데이트: 앱 스토어 승인 기다리지 않고 즉시 업데이트를 배포할 수 있습니다.
- 애플 스토어 의존성 감소: 앱 스토어 제약과 제한을 피할 수 있습니다.
- 개선된 사용자 경험: 최신 기능과 버그 수정을 사용자에게 제공하여, 사용자가 앱을 수동으로 업데이트할 필요가 없습니다.
Capgo Live Updates를 Implement하는 방법
Capgo live updates를 Capacitor 프로젝트에 구현하려면 다음 단계를 따르세요:
- __CAPGO_KEEP_0__에 가입하여 Capgo 계정.
- Capgo SDK을 프로젝트에 설치하세요.
- 앱을 시작할 때 또는 특정 간격으로 업데이트를 확인하도록 구성하세요.
- Capgo 대시보드를 사용하여 앱에 업데이트를 배포하세요.
결론
이 안내서가 Cordova에서 Capacitor으로 웹 앱을 마이그레이션하는 데 도움이 되었기를 바랍니다. 마이그레이션 프로세스에 대한 도움을 필요로 하거나 질문이 있으시면 언제든지 우리의 __CAPGO_KEEP_2__ 서버에 연락해 주세요. __CAPGO_KEEP_2__ 서버 Cordova에서 __CAPGO_KEEP_0__으로 웹 앱을 마이그레이션하는 단계별 안내서: 계속하세요.
Cordova에서 Capacitor으로 웹 앱을 마이그레이션하는 단계별 안내서를 사용하여 마이그레이션과 기업 운영을 계획하고 연결하세요.
If you are using Migrating a Web App from Cordova to Capacitor: A Step-by-Step Guide to plan migration and enterprise operations, connect it with Capgo 기업 for the product workflow in Capgo 기업, 아이온 Enterprise 플러그인 대체 for the product workflow in 아이온 Enterprise 플러그인 대체, Capgo 대체 for the product workflow in Capgo 대체, Capgo 컨설팅 for the product workflow in Capgo 컨설팅, and Capgo 프리미엄 지원 for the product workflow in Capgo 프리미엄 지원.
