Cordova를 사용하여 웹 앱을 Capacitor으로 이동하는 단계별 안내

이 안내서는 Cordova에서 Capacitor으로 웹 앱을 이동하는 것을 쉽게 읽고 따라할 수 있도록 도와줍니다. 모든 섹션을 다루고 단계별로 진행할 수 있도록 도와줍니다.

Cordova와 Capacitor 소개

Cordova와 Capacitor은 모두 HTML, CSS, JavaScript를 사용하여 다양한 플랫폼에서 네이티브 애플리케이션을 만들 수 있도록 도와주는 도구입니다. 그들은 네이티브 프로젝트 관리, 플러그인 관리, CLI/버전 관리에 있어 서로 다른 접근 방식을 취합니다.

이동 전략

Capacitor에서 Cordova로 이주하는 것은 복잡성에 따라 점진적으로 또는 완전한 대체로 수행할 수 있습니다. Capacitor은 Cordova와 호환되며, 웹 앱을 Capacitor으로 전환할 때까지 사용할 수 있습니다.

이동을 도와주기 위해 다음을 고려하세요. Ionic VS Code 확장 프로그램 그리고 Cordova 플러그인을 감사합니다. Cordova 플러그인을 계속 사용할 수 있지만, Capacitor의 대체품으로 대체할 수도 있습니다.

단계별 이동 가이드

Cordova에서 Capacitor으로 웹 앱을 이주하는 단계를 따르세요.

작업을 위한 별도의 code branch: 이 변경 사항을 적용할 때 별도의 code branch에서 작업하는 것이 권장됩니다.
Capacitor으로 앱 초기화: 프로젝트를 터미널에서 열고 __CAPGO_KEEP_0__를 웹 앱에 추가하는 지침을 따르세요. Capacitor를 웹 앱에 추가하는 지침 또는 __CAPGO_KEEP_0__을 Ionic 앱에 추가하는 것 adding Capacitor to an Ionic app__CAPGO_KEEP_0__ 구성 파일에서 앱 이름과 Bundle ID를 사용하세요. config.xml 웹 앱을 빌드하세요.
: 웹 프로젝트를 최소한 한 번 빌드해야 native 플랫폼을 추가할 수 있습니다. 이로 인해 __CAPGO_KEEP_0__ 구성 파일에서 폴더가 올바르게 구성됩니다.플랫폼 추가하기 www folder is properly configured in the Capacitor configuration file.
Runand npx cap add ios to iOS와 Android 플랫폼을 추가하세요. npx cap add android 아이콘 및 스플래시 화면 생성
Generate icons and splash screens: 만약 이미 아이콘과 스플래시 스크린 이미지를 가지고 있다면, cordova-res 를 사용하여 생성하고 native 프로젝트에 복사하세요.
Audit and migrate existing Cordova plugins: Cordova 플러그인을 검토하고 Capacitor와 대체할 수 있는 Cordova 플러그인을 가능한 한 모두 대체하고 불필요한 플러그인을 제거하세요.
Remove Cordova plugin: Cordova 플러그인을 대체하거나 제거한 후, npx cap sync 를 사용하여 플러그인을 제거하고 code를 native 프로젝트에서 제거하세요.
Apply additional permissions: iOS와 Android에서 plugin.xml 와 관련된 설정을 매핑하여 필요로 하는 권한을 적용하세요.
Configure preferences: iOS와 Android에서 __CAPGO_KEEP_0__를 수동으로 추가하세요. config.xml To Capacitor 설정 파일로 이동하세요.
플랫폼별 설정을 관리하세요.: __CAPGO_KEEP_0__ 요소를 플랫폼별로 (iOS 및 Android) 필요에 따라 구성하세요. config.xml 콘텐츠를 제공하는 scheme을 변경하세요.
: 콘텐츠를 제공하는 scheme을 변경할 필요가 있다면, 앱에서 데이터 손실을 피하기 위해 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를 통해 __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으로 웹 앱을 마이그레이션하는 데 도움이 되었기를 바랍니다. 마이그레이션 프로세스에 대한 질문이나 도움이 필요하시면 언제든지 우리의 디스코드 서버에 연락해 주세요.

Cordova에서 Capacitor으로 웹 앱을 이동하는 단계별 안내