이동 요약
- Capgo Capgo는 개발 팀이 배포된 앱으로 라이브 앱을 전송하는 데 도움을 주는 서비스입니다.
- Capacitor 자바스크립트 앱은 jQuery Mobile, Framework 7, Sencha, KendoUI, Ionic 또는 사용자 정의 솔루션과 같은 다른 프레임워크로도 이식될 수 있습니다..
- 이전 Ionic 앱이 필요하지 않습니다. 콜트
App Center Build (Android/iOS 앱 빌드), Test, Diagnostics 및 Analytics 서비스에 대한 대안 서비스를 제공합니다.
주의 Cordova를 사용하는 앱이면 Capacitor로 이식해야 합니다. Cordova에서 Capgo로 이식하기 전에 Capgo로 이식해야 합니다.
Ionic 팀이 Cordova의 영적 후손으로 개발한 Capacitor는 사용자 경험과 성능을 향상시키기 위해 native 도구와 기능에 가까운 개발을 가능하게합니다.
운이 좋게도, 마이그레이션 프로세스는 쉽고 Cordova 플러그인의 대부분은 Capacitor과 호환됩니다. 이동을 시작하세요.
Capgo
Capgo, 시간에 따라 앱을 업데이트하는 것을 처리합니다. 개발 팀은 앱의 고유 기능에만 집중하고 Capgo에 앱 배포 프로세스를 외주할 수 있습니다.
Capgo은 웹 배포와 모바일 배포 사이의 빈틈을 채웁니다.
Capgo의 전제 조건
App Center와 마찬가지로 Capgo GitHub은 Azure DevOps, Bitbucket, GitHub, 및 GitLab에 호스팅된 앱을 지원합니다.
Capgo CLI을 설치하세요
주의
Node와 NPM이 컴퓨터에 설치되어야 합니다. 진행하기 전에 항상 현재 LTS 버전 Capgo 이전 버전은 사용하지 마십시오.
생성 package.json 및 Capacitor 구성 파일
주의
이전 섹션에서 설명한 것과 같이, Capgo로 PR을 제출하기 전에, __CAPGO_KEEP_0__
Since Capgo 자동화 capacitor 앱을 위해 만들어졌습니다. 그러나, Capgo는 하나의 파일만 필요로 하며, 앱이 이미 해당 파일을 가지고 있지 않을 수 있습니다. 따라서, capacitor 파일을 생성해야 합니다. capacitor.config.json 파일을 생성하는 가장 쉬운 방법은 앱의 루트 디렉토리에서 다음 명령어를 실행하는 것입니다:
npm install @capacitor/core그다음, Capacitor을 CLI 설문조사에 따라 초기화합니다:
npx cap initCapgo는 CLI을 통해 몇 가지 질문을 던지며, 앱 이름과 사용하고 싶은 패키지 ID를 묻습니다.
마지막으로, 새로운 파일을 프로젝트에 커밋하세요:
git add .git commit -m "added package json and capacitor config" && git pushCode을 마이그레이션하세요.
이제 새로운 요구 사항이 있는 곳으로 주의를 돌리실 수 있습니다. Capgo 파일을 모두 준비했으니 실제 앱에 주목해 보세요. Capgo __CAPGO_KEEP_0__이 디렉토리 안에 있는지 확인하세요. dist.
code이 디렉토리 안에 없다면 code config 파일에서 이 값을 변경하세요. dist directory, change this value in the Capacitor config file.
앱 구조
Capgo
앱이 준비되면 Capgo Capgo로 PR을 제출하는 것을 준비하셨다면, 통합이 준비되었습니다. 이제 API에 가입하여 첫 번째 버전을 업로드할 수 있는 API 키를 받으세요. 시작하기 위해 API에 가입하세요. Capgo 계정에 로그인한 후 계정 페이지로 이동하여 __CAPGO_KEEP_1__ 키를 클릭한 후 '쓰기' 키를 클릭하여 클립보드에 복사하세요..
Capgo API
Install the Capgo SDK
Capacitor 앱에 플러그인을 설치합니다.
npm i @capgo/capacitor-updater && npx cap sync
Capacitor을 CodePush 대체로 추가하세요:
code이 설치된 플러그인에 설치가 성공적으로 완료되었다는 것을 native 플러그인에게 알려줍니다.
import { CapacitorUpdater } from '@capgo/capacitor-updater'
CapacitorUpdater.notifyAppReady()실시간 업데이트 (CodePush 대체)
실시간 업데이트 기능은 설치된 __CAPGO_KEEP_0__을 사용하여 작동합니다.
__CAPGO_KEEP_0__ Capgo SDK __CAPGO_KEEP_0__에서 특정 배포 채널 목적지를 듣기 위해 앱 내에 __CAPGO_KEEP_1__을 구현하세요. 웹 빌드가 채널 목적지에 할당되면, 지정된 채널 목적지로 구성된 사용자 기기에서 업데이트가 배포됩니다.
Capgo 로그인
__CAPGO_KEEP_0__ CLI를 사용하세요. all __CAPGO_KEEP_0__ CLI에 로그인하기 위해 CLI을 사용하세요.
npx @capgo/cli@latest login YOURKEY__CAPGO_KEEP_0__에 앱을 추가하세요.
Capgo에서 앱을 생성하기 위해 CLI을 사용하세요.
npx @capgo/cli@latest app add
Capacitor config 파일에 정의된 모든 변수를 사용하여 앱을 생성합니다.
__CAPGO_KEEP_0__을 업로드하세요.
code을 빌드하고 Capgo에 업로드하세요.
npx @capgo/cli@latest bundle upload --channel production__CAPGO_KEEP_0__의 버전 이름은 기본적으로 __CAPGO_KEEP_0__에 있습니다. package.json 파일.
확인하기 Capgo Capgo로 PR 제출하기
빌드가 존재하는 경우. 내 모바일 샌드박스 앱과 함께 테스트할 수 있습니다..
기본 채널 설정하기
Capgo로 앱을 전송한 후 채널을 default Capgo에서 앱이 업데이트를 받을 수 있도록 하세요.
npx @capgo/cli@latest channel set production -s default앱 업데이트 확인하기
main JavaScript 파일에 이 설정을 추가하세요.
import { CapacitorUpdater } from '@capgo/capacitor-updater'
CapacitorUpdater.notifyAppReady()그런 다음 npm run build && npx cap copy 앱을 업데이트하세요.
장치에서 실시간 업데이트 수신
Deploy에서 실시간 업데이트를 받으려면, 앱을 장치 또는 에뮬레이터에서 실행해야 합니다. 이 작업을 가장 쉽게 하려면, 다음 명령어를 사용하여 로컬 앱을 에뮬레이터 또는 컴퓨터에 연결된 장치에서 실행하세요.
npx cap run [ios | android]앱을 열고, 백그라운드에 두고 다시 열어보세요. 로그에 앱이 업데이트를 수행했는지 확인할 수 있습니다.
축하합니다! 🎉 첫 번째 실시간 업데이트를 성공적으로 배포했습니다. 실시간 업데이트와 같은 기능을 더 많이 사용할 수 있습니다. 더 자세한 내용은 Live Updates 문서를 참조하세요. 실시간 업데이트스 문서.
앱 센터 종속성을 제거
Now that we’ve integrated Capgo’s services, you should remove any references to App Center. Besides being a best practice to remove unused code/services, removing the SDK should reduce the size of your apps.
먼저 터미널을 열고, App Center 플러그인을 제거하세요:
cordova plugin remove cordova-plugin-appcenter-analytics cordova-plugin-appcenter-crashes cordova-plugin-code-push다음으로 config.xml 및 다음 값을 제거하세요. 그들은 다음과 같은 형태일 것입니다: preference values. They will look similar to:
<preference name="APP_SECRET" value="0000-0000-0000-0000-000000000000" /><preference name="CodePushDeploymentKey" value="YOUR-ANDROID-DEPLOYMENT-KEY" /><preference name="CodePushPublicKey" value="YOUR-PUBLIC-KEY" />App Center 분석을 사용하고 있었던 경우, 앱에서 다음 항목을 제거하세요. preferences 요소: APPCENTER_ANALYTICS_ENABLE_IN_JS 그리고 APPCENTER_CRASHES_ALWAYS_SEND.
제거하세요. <access /> 요소:
<access origin="https://codepush.appcenter.ms" /><access origin="https://codepush.blob.core.windows.net" /><access origin="https://codepushupdates.azureedge.net" />CodePush 참조를 CSP 태그에서 제거하세요. meta 파일 ( index.html 마지막으로, 앱 내에서 App Center 서비스에 대한 __CAPGO_KEEP_0__ 참조를 제거하세요.https://codepush.appcenter.ms):
<meta http-equiv="Content-Security-Policy" content="default-src https://codepush.appcenter.ms 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *" />Finally, within your app, remove any code references to App Center services, such as codePush.sync();.
App Center에서 __CAPGO_KEEP_0__으로 마이그레이션했습니다. Live Updates를 사용하여 __CAPGO_KEEP_1__의 기능을 tận용하세요. __CAPGO_KEEP_1__의 기능을 모두 사용할 수 있습니다. 채널(다중 환경) 및 오버라이드, Cloud __CAPGO_KEEP_2__ 통합, CI/CD 플랫폼(예: __CAPGO_KEEP_4__ 액션, GitLab, Jenkins, 등) 내에서 __CAPGO_KEEP_3__을 사용하세요.
You’ve migrated from App Center to Capgo, utilizing the Live Updates. This is just the beginning of what you can use Capgo for. Explore the rest of the service includes Channel (multiple environments) and override. Cloud CLI integration, use Capgo inside your CI/CD platform of choice (such as GitHub Action, GitLab, Jenkins, and more).
Automatic send app update
만약 code이 GitHub에 호스팅되어 있다면, GitHub 액션 덕분에 자동 빌드 및 릴리즈를 몇 가지 단계만 더 걸리면 설정할 수 있습니다.
제가 두 번째 글을 작성하여 사용자가 이 글을 통해 __CAPGO_KEEP_0__의 __CAPGO_KEEP_1__ 호스팅을 이해할 수 있도록 하였습니다.
크레딧
__CAPGO_KEEP_0__에 감사합니다. __CAPGO_KEEP_3__이 글은 __CAPGO_KEEP_3__의 __CAPGO_KEEP_4__을 기반으로 작성되었습니다. 이 글은 __CAPGO_KEEP_5__과 __CAPGO_KEEP_6__으로부터 __CAPGO_KEEP_7__으로의 이전을 다루고 있습니다. __CAPGO_KEEP_8__에서 __CAPGO_KEEP_0__으로 이전하는 것을 계획하고 기업 운영을 위해 연결하는 경우 __CAPGO_KEEP_8__을 사용하세요.
__CAPGO_KEEP_8__에서 Capgo으로 이전하는 것을 계획하고 기업 운영을 위해 연결하는 경우 __CAPGO_KEEP_8__을 사용하세요.
__CAPGO_KEEP_0__ Migrating from App Center to Capgo __CAPGO_KEEP_2__ Capgo 기업 Capgo 기업의 제품 워크플로우를 위해 아이온ิค 기업 플러그인 대체 아이온ิค 기업 플러그인 대체의 제품 워크플로우를 위해 Capgo 대체 Capgo 대체의 제품 워크플로우를 위해 Capgo 컨설팅 Capgo 컨설팅의 제품 워크플로우를 위해, Capgo 프리미엄 지원 Capgo 프리미엄 지원의 제품 워크플로우를 위해.
