Capgo으로부터 앱 센터를 마이그레이션하는 중입니다.

이동 요약

Capgo 개발 팀이 배포된 앱에 실시간 앱을 전송하는 데 도움을 주는 서비스입니다.
Capacitor는 jQuery Mobile, Framework 7, Sencha, KendoUI, Ionic 또는 사용자 정의 솔루션으로 작성된 JavaScript 앱을 포함하여 모든 종류의 앱이 이동할 수 있습니다. 기존의 Ionic 앱이 필요하지 않습니다..
Colt App Center Build (Android/iOS 앱 빌드)과 같은 서비스를 제공합니다. Test, Diagnostics, Analytics 서비스도 제공합니다.

주의

앱이 아직 Cordova를 사용하고 있다면 __CAPGO_KEEP_0__로 이전해야 합니다. Cordova로 이전하기 전에 Capacitor로 이전해야 합니다. Capgo는 Ionic 팀이 Cordova의 정신적 후계자로 개발했습니다. Cordova와 같은 기능을 제공하면서 native tooling과 기능을 사용할 수 있도록 개발했습니다.

Capacitor로 이전하는 과정은 간단하고 대부분의 Cordova 플러그인은 Capacitor와 호환됩니다.

Fortunately, the migration process is easy and the majority of Cordova plugins are backward compatible with Capacitor. __CAPGO_KEEP_0__.

Capgo는 앱을 시간에 따라 업데이트합니다. 개발 팀은 앱의 독특한 기능에만 집중하고 복잡한 앱 배포 프로세스를 __CAPGO_KEEP_1__에게 맡길 수 있습니다.

Capgo, handles updating apps over time. Development teams can focus completely on the unique features of their app and outsource the complicated app delivery process to Capgo.

Capgo은 웹 배포와 모바일 사이의 빈틈을 채우는 것입니다.

Capgo의 전제 조건

App Center와 같이 Capgo Git 저장소에 호스팅 된 앱을 Azure DevOps, Bitbucket, GitHub, 및 GitLab에서 지원합니다.

Capgo을 CLI으로 설치하세요.

주의

Node와 NPM이 컴퓨터에 설치되어야 합니다. 진행하기 전에 항상 최신 LTS 버전을 사용하세요. 더 오래된 버전은 사용하지 마세요. 생성 Capgo config 파일을 생성하세요.

__CAPGO_KEEP_0__ `package.json` and Capacitor config files

주의

시작하기 전에, 새로운 Git branch에서 변경을 추천합니다.

그리고 Capgo capacitor 앱을 자동화하기 위해 만들어진 Capgo는, 앱이 가지고 있지 않을 수 있는 하나의 파일이 필요합니다. 먼저, capacitor.config.json 파일을 생성하세요.

npm install @capacitor/core

Then, initialize Capacitor using the CLI questionnaire:

npx cap init

The CLI will ask you a few questions, starting with your app name, and the package ID you would like to use for your app.

__CAPGO_KEEP_1__

git add .git commit -m "added package json and capacitor config" && git push

Migrate the Code

__CAPGO_KEEP_0__ Capgo 파일을 올려두면 실제 앱에 주목할 수 있습니다. Capgo __CAPGO_KEEP_0__이 완전히 빌드된 앱을 포함하는 디렉토리 이름을 기대합니다. dist.

code이 빌드된 디렉토리에 있지 않으면 code 설정 파일의 이 값을 변경하세요. dist directory, change this value in the Capacitor config file.

앱 구조

__CAPGO_KEEP_0__ 설정

Capgo와 통합할 준비가 되면, Capgo 키를 업로드할 첫 번째 버전을 업로드하기 위해 Capgo 계정에 가입하세요. 시작하기 위해 Capgo 계정에 가입하세요.

__CAPGO_KEEP_0__ Capgo 키를 업로드할 첫 번째 버전을 업로드하기 위해 Capgo 계정에 가입하세요. API 계정에 가입하세요. Capgo.

Capgo에 로그인한 후 계정 페이지로 이동하여 API 키를 클릭한 후 '쓰기' 키를 클릭하여 클립보드에 복사합니다.

Capgo SDK을 설치합니다.

명령 프롬프트에서 Capacitor 앱 폴더의 루트 디렉토리에 다음 명령어를 실행합니다.

npm i @capgo/capacitor-updater && npx cap sync Capacitor 앱에 플러그인을 설치합니다.

그리고 code을 CodePush 대신 앱에 추가합니다.

import { CapacitorUpdater } from '@capgo/capacitor-updater'

CapacitorUpdater.notifyAppReady()

이것은 네이티브 플러그인에 설치가 성공적으로 완료되었다는 것을 알려줍니다.

Live Updates (CodePush 대체)

Live Update 기능은 설치된 Capgo SDK 을 사용하여 네이티브 애플리케이션에서 특정 배포 채널 목적지를 듣도록 합니다. 웹 빌드가 채널 목적지에 할당되면, 지정된 채널 목적지를 듣고 있는 사용자 기기에 업데이트를 배포합니다.

첫 번째로 __CAPGO_KEEP_0__을 사용하여 all API Key CLI에 있는 계정으로 로그인하기 위한 키입니다.

npx @capgo/cli@latest login YOURKEY

첫 번째 앱 추가

Capgo Cloud에서 CLI을 사용하여 첫 번째 앱을 생성해 보세요.

npx @capgo/cli@latest app add

이 명령어는 Capacitor config 파일에 정의된 모든 변수를 사용하여 앱을 생성합니다.

첫 번째 배포

code을 빌드하고 Capgo로 전송하세요.

npx @capgo/cli@latest bundle upload --channel production

__CAPGO_KEEP_0__에서 기본적으로 버전 이름은 파일에 있는 이름입니다. package.json __CAPGO_KEEP_0__에 체크인

__CAPGO_KEEP_0__ Capgo에 빌드가 있는지 확인하세요. __CAPGO_KEEP_0__

그것을 테스트하기도 할 수 있습니다. 모바일 샌드박스 앱.

채널 기본화

Capgo로 업데이트를 받을 수 있도록 하기 위해 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 Update를 성공적으로 배포했습니다. 이것은 Live Update의 시작일 뿐입니다. 더 많은 것을 배우려면 완전한 Live Update 문서.

App Center 의존성 제거

Capgo의 서비스를 통합한 후, App Center에 대한 모든 참조를 제거해야 합니다. App Center의 서비스를 사용하지 않는 code/services를 제거하는 것은最佳 관행입니다. SDK를 제거하면 앱의 크기가 줄어듭니다.

첫 번째로 터미널을 열고 App Center 플러그인을 제거하세요:

    cordova plugin remove cordova-plugin-appcenter-analytics cordova-plugin-appcenter-crashes cordova-plugin-code-push

다음으로 config.xml App Center 플러그인을 제거하려면 다음 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 분석을 사용하고 있다면 다음 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" />

CSP에서 CodePush 참조를 제거하십시오. meta 태그는 index.html 파일 (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 *" />

마지막으로, 앱 내에서 App Center 서비스에 대한 code 참조를 제거하십시오. codePush.sync();.

다음 단계

Capgo으로부터 App Center로 이주했습니다. Live Updates를 사용하여 Capgo의 기능을 tận용하세요. Capgo의 기능은 Channel (여러 환경) 및 override. Cloud CLI 통합, Capgo를 CI/CD 플랫폼 (예: GitHub 액션, GitLab, Jenkins, 등) 내에서 사용하세요.

자동 앱 업데이트 전송

code이 GitHub에 호스팅되어 있다면, GitHub 액션을 사용하여 자동 빌드 및 릴리즈를 설정할 수 있습니다.

2번째 글을 작성하여 이 과정을 설명하였습니다.

기여

__CAPGO_KEEP_0__이 __CAPGO_KEEP_1__에 호스팅되어 있다면, __CAPGO_KEEP_2__ 액션을 사용하여 자동 빌드 및 릴리즈를 설정할 수 있습니다. 아이온, 이 글은 이 글 이 글은 Chat-GPT-3로 다시 쓰고 적응했습니다.

앱 센터에서 Capgo로 마이그레이션하는 것을 계속하세요 Capgo

Capgo를 사용하고 계신가요 Migrating from App Center to Capgo 이동 및 기업 운영을 계획하고 연결하려면 Capgo Enterprise for the product workflow in Capgo Enterprise, Capgo Enterprise에서 제품 워크플로우 아이온 엔터프라이즈 플러그인 대안 Capgo Alternatives Capgo Alternatives를 위한 제품 워크플로우 Capgo Consulting Capgo Consulting을 위한 제품 워크플로우 및 Capgo Premium Support Capgo Premium Support를 위한 제품 워크플로우.

App Center에서 Capgo로 이동하는 방법