이동 요약
- Capgo Capgo는 개발 팀이 배포된 앱으로 라이브 앱을 전송하는 데 도움이 되는 서비스입니다.
- Capacitor JS apps written in jQuery Mobile, Framework 7, Sencha, KendoUI, Ionic or even your own custom solution can be migrated. 이전 Ionic 앱이 필요하지 않습니다..
- Colt App Center Build (Android/iOS 앱 빌드), Test, Diagnostics 및 Analytics 서비스에 대한 Capgo의 동등한 서비스를 제공합니다.
주의
만약 앱이 Cordova를 사용하고 있다면, migrate to Capacitor 이전으로부터 Capgo으로 이전하기 전에.
Capacitor은 Ionic 팀이 Cordova의 영적 후계자로 개발하여, 네이티브 도구 및 기능과 가깝게 개발을 진행할 수 있도록 하여, 사용자 경험과 성능을 향상시키기 위해 개발되었습니다.
Capacitor으로의 이전 프로세스는 간단하며, Cordova 플러그인 대부분은 Capacitor과 호환됩니다. __CAPGO_KEEP_0__으로 이전하기.
Capgo
Capgo은 앱을 시간에 따라 업데이트하는 것을 처리합니다. 개발 팀은 앱의 고유 기능에만 집중할 수 있으며, 복잡한 앱 배포 프로세스를 Capgo에게 외주로 맡길 수 있습니다.
Capgo은 웹 배포와 모바일 배포 사이의 빈틈을 채웁니다.
Capgo의 전제 조건
App Center와 마찬가지로 Capgo GitHub은 Azure DevOps, Bitbucket, GitHub, 및 GitLab에 호스팅된 앱을 지원합니다.
Capgo을 설치하고 CLI을 설치합니다.
주의
Node와 NPM이 컴퓨터에 설치되어 있어야 합니다. 진행하기 전에 항상 최신 버전을 사용하세요. __CAPGO_KEEP_0__의 최신 LTS 버전을 사용하세요. __CAPGO_KEEP_0__의 이전 버전은 사용하지 마세요. Capgo do not older versions.
__CAPGO_KEEP_0__ 설정 파일을 생성하세요 package.json and Capacitor config files
Capgo로 PR을 제출하기 전에, 새 Git branch에서 변경 사항을 적용하는 것을 추천합니다.
__CAPGO_KEEP_0__
__CAPGO_KEEP_0__ Capgo capacitor capacitor.config.json __CAPGO_KEEP_0__
npm install @capacitor/core그 다음으로 Capacitor을 CLI 설문조사로 초기화하세요:
npx cap initCLI은 앱 이름과 사용하고 싶은 패키지 ID를 묻습니다.
마지막으로 프로젝트에 새 파일을 커밋하세요:
git add .git commit -m "added package json and capacitor config" && git pushCode을 마이그레이션하세요
이제 새로운 요구 사항을 갖춘 __CAPGO_KEEP_0__이 준비되었습니다. Capgo __CAPGO_KEEP_0__ Capgo이 빌드된 디렉토리 안에 있어야 합니다. 빌드된 __CAPGO_KEEP_0__이 디렉토리 안에 없다면 __CAPGO_KEEP_0__ config 파일에서 이 값을 변경하세요. dist.
code의 디렉토리 구조는 다음과 같이 되어야 합니다. dist Capacitor
__CAPGO_KEEP_0__
Capgo 설정
앱이 준비가 되었을 때, __CAPGO_KEEP_0__ Capgo API 인터그레이션을 위해 준비가 되었을 때, Capgo.
Once you’re logged into Capgo, navigate to the Account page then click on API key, then click on the ‘write’ key to copy it to your clipboard.
Install the Capgo SDK
Capacitor
npm i @capgo/capacitor-updater && npx cap sync
Capacitor
code
import { CapacitorUpdater } from '@capgo/capacitor-updater'
CapacitorUpdater.notifyAppReady()__CAPGO_KEEP_0__ __CAPGO_KEEP_1__
실시간 업데이트 배포 (Capgo CodePush 대체)
실시간 업데이트 기능은 설치된 Capgo SDK __CAPGO_KEEP_0__ __CAPGO_KEEP_1__
Capgo Capgo
__CAPGO_KEEP_0__ all __CAPGO_KEEP_0__ CLI
npx @capgo/cli@latest login YOURKEY__CAPGO_KEEP_0__
Let’s get started by first creating the app in Capgo Cloud with the CLI.
npx @capgo/cli@latest app add
Capacitor
__CAPGO_KEEP_0__
명령어를 실행하여 code을 빌드하고 Capgo으로 전송하세요:
npx @capgo/cli@latest bundle upload --channel production기본적으로 버전 이름은 __CAPGO_KEEP_0__에 있는 것입니다. package.json 파일.
체크인 Capgo 만약 빌드가 존재한다면.
내 __CAPGO_KEEP_0__에서 테스트할 수 있습니다. 모바일 샌드박스 앱.
채널 기본값
Capgo으로 앱을 전송한 후에 채널을 Capgo으로 설정해야 합니다. default 업데이트를 Capgo으로 받을 수 있도록 앱을 Capgo으로 구성해야 합니다.
npx @capgo/cli@latest channel set production -s default업데이트를 __CAPGO_KEEP_0__으로 확인하도록 앱을 구성해야 합니다.
이 config을 주 애플리케이션 자바스크립트 파일에 추가하세요.
import { CapacitorUpdater } from '@capgo/capacitor-updater'
CapacitorUpdater.notifyAppReady()그 다음은 npm run build && npx cap copy 로 앱을 업데이트하세요.
장치에서 실시간 업데이트를 받기
애플리케이션을 장치 또는 에뮬레이터에서 실행하려면 Deploy에서 실시간 업데이트를 받으려면 장치 또는 에뮬레이터에서 앱을 실행해야 합니다. 이 방법은 가장 쉬운 방법입니다. 로컬 앱을 에뮬레이터 또는 컴퓨터에 연결된 장치에서 실행하기 위해 다음 명령어를 사용하세요.
npx cap run [ios | android]앱을 열고 배경에 두고 다시 열면, 로그에 앱이 업데이트를 수행했다는 것을 확인할 수 있습니다.
축하합니다! 🎉 첫 번째 실시간 업데이트를 성공적으로 배포했습니다. 실시간 업데이트와 같은 기능을 사용할 수 있는 것은 이것이 시작입니다. 더 많은 것을 배우려면 완전한 실시간 업데이트스 문서.
App Center 종속성 제거
이제 Capgo의 서비스를 통합했습니다. App Center에 대한 모든 참조를 제거하는 것이 좋습니다. code/서비스를 사용하지 않는 경우 제거하는 것이 좋으며, SDK를 제거하면 앱의 크기를 줄일 수 있습니다.
먼저 터미널을 열고 App Center 플러그인을 제거하세요:
cordova plugin remove cordova-plugin-appcenter-analytics cordova-plugin-appcenter-crashes cordova-plugin-code-push다음으로 config.xml 그리고 다음 항목을 제거하세요. preference 값입니다. 그들은 다음과 같은 형태를 띠게 될 것입니다.
<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 Analytics를 사용하고 있다면 다음 항목을 제거하세요. 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();.
Page/area: Capgo Builder / native cloud build product page. Role: Short UI label or navigation item. Message key `native_build_builder_credit_next` (Native Build Builder Credit Next).
앱 센터에서 Capgo으로 마이그레이션했습니다. 라이브 업데이트 기능을 사용하여 Capgo의 기능을 더욱 활용할 수 있습니다. Capgo의 기능은 여기서 끝이 아닙니다. 서비스의 다른 기능을 탐색해 보세요. 채널(다중 환경)과 오버라이드가 포함되어 있습니다. Cloud CLI 통합을 사용하여 CI/CD 플랫폼(예: GitHub 액션, GitLab, Jenkins 등)을 선택하여 Capgo을 내부에 사용할 수 있습니다.
자동 앱 업데이트 전송
code이 GitHub에 호스팅되어 있다면, GitHub 액션을 사용하여 자동 빌드 및 릴리스를 설정할 수 있습니다.
두 번째 글을 작성했습니다.
기여
__CAPGO_KEEP_0__은 __CAPGO_KEEP_1__에 호스팅되어 있다면, __CAPGO_KEEP_2__ 액션을 사용하여 자동 빌드 및 릴리스를 설정할 수 있습니다. Ionic, 이 글은 이 글 Chat-GPT-3와 함께 다시 작성하고 adapting했습니다.
Capgo으로부터 앱 센터를 마이그레이션하는 방법
__CAPGO_KEEP_0__을 사용하는 경우 Migrating from App Center to Capgo __CAPGO_KEEP_0__을 위해 계획하고 기업 운영을 위해 연결하세요. Capgo Enterprise Capgo Enterprise를 위한 제품 워크플로우에 대해 Ionic Enterprise Plugin 대체 Ionic Enterprise Plugin 대체를 위한 제품 워크플로우에 대해 Capgo Alternatives Capgo Alternatives를 위한 제품 워크플로우에 대해 Capgo Consulting Capgo Consulting을 위한 제품 워크플로우에 대해 Capgo Premium Support Capgo Premium Support를 위한 제품 워크플로우에 대해
