앱 센터에서 Capgo으로 이주하는 중입니다.

이동 요약

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

주의

Cordova를 사용하는 앱이 아직 있다면 __CAPGO_KEEP_0__로 이전해야 합니다. Cordova에서 Capacitor으로 이전하기 전에 Capacitor로 이전해야 합니다. Capgo는 Ionic 팀에서 Cordova의 정신적 후계자로 개발되었습니다. Capgo는 native tooling과 기능을 사용하여 사용자 경험과 성능을 향상시키기 위해 개발되었습니다.

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

Capacitor로 이전하기 __CAPGO_KEEP_0__에 대해 알아보기.

About Capgo

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 Azure DevOps, Bitbucket, GitHub, GitLab에 호스팅 된 앱을 지원합니다.

Capgo을 CLI으로 설치하세요.

주의

컴퓨터에 Node와 NPM가 설치되어 있어야 합니다. 항상 최신 LTS 버전을 사용하세요. NPM는 더 오래된 버전을 사용하지 마세요. 생성 및 Capgo 설정 파일을 생성하세요.

__CAPGO_KEEP_0__ `package.json` Capacitor

주의 사항

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

그리고 Capgo capacitor 앱을 자동화하기 위해 capacitor이 만들어졌기 때문에, 앱이 가지고 있지 않을 수 있는 하나의 파일이 필요합니다. 먼저, 앱의 루트에서 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.

그런 다음,

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

Migrate the Code

__CAPGO_KEEP_0__을 초기화하세요. Capgo은 앱 이름과 사용하고 싶은 앱의 패키지 ID를 묻습니다. 그리고 앱을 마치고 나면, 새로운 파일을 프로젝트에 커밋하세요: 파일을 넣은 후 실제 앱에 주목할 수 있습니다. 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 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_KEEP_0__ __CAPGO_KEEP_1__을 사용하여 특정 Deploy Channel Destination을 듣는 네이티브 애플리케이션을 통해 작동합니다. 웹 빌드가 채널 목적지에 할당되면, 지정된 채널 목적지에 듣는 장치에 업데이트가 배포됩니다. Capgo SDK 처음에 __CAPGO_KEEP_0__

__CAPGO_KEEP_0__ __CAPGO_KEEP_1__을 설치합니다. 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

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

__CAPGO_KEEP_0__ Capgo __CAPGO_KEEP_0__

__CAPGO_KEEP_0__에서 테스트하기도 할 수 있습니다. 모바일 샌드박스 앱.

채널 기본 설정

Capgo로 앱을 전송한 후에 채널을 설정해야 합니다. default 앱이 Capgo에서 업데이트를 받을 수 있도록 하세요.

npx @capgo/cli@latest channel set production -s default

업데이트를 확인하기 위한 앱 설정

__CAPGO_KEEP_0__의 메인 자바스크립트 파일에 이 설정을 추가하세요.

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

CapacitorUpdater.notifyAppReady()

그 다음 npm run build && npx cap copy 를 사용하여 앱을 업데이트하세요.

장치에서 실시간 업데이트를 받기 위해

앱을 장치나 에뮬레이터에서 실행해야 합니다. 이 작업을 쉽게 하려면 __CAPGO_KEEP_0__에서 앱을 로컬로 실행하는 데 사용하는 명령어를 사용하세요. 에뮬레이터나 컴퓨터에 연결된 장치에서 앱을 실행하세요.

npx cap run [ios | android]

앱을 열고 배경으로 보내고 다시 열어보세요. 로그에 앱이 업데이트를 수행했다는 것을 확인할 수 있습니다.

축하합니다! 🎉 당신은 첫 번째 Live Update를 성공적으로 배포했습니다. Live Update와 같은 기능을 사용할 수 있는 것은 이것만이 시작입니다. 더 많은 것을 배우려면 완전한 Live Update 문서.

App Center 의존성 제거

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 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에서 제거하세요. 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();.

다음 단계

App Center에서 Capgo으로 마이그레이션했습니다. Live Updates를 사용하여 Capgo의 기능을 tận용하세요. 이것은 Capgo를 사용할 수 있는 기능의 시작입니다. Channel(다중 환경) 및 override를 포함한 서비스의 나머지 기능을 탐색하세요. Cloud CLI 통합을 사용하여 Capgo을 CI/CD 플랫폼(예: GitHub 액션, GitLab, Jenkins 등)에서 사용하세요.

자동 앱 업데이트 전송

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

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

기여

__CAPGO_KEEP_5__에 감사합니다. Ionic이 문서는 이 문서 이 문서는 Chat-GPT-3와 함께 재작성 및 적응되었습니다.

Capgo으로부터 App Center로의 전환을 계속하세요.

__CAPGO_KEEP_0__을 사용하고 있다면 App Center로부터 Capgo으로의 전환 __CAPGO_KEEP_0__ Enterprise와 연결하여 Capgo Enterprise의 제품 워크플로 for the product workflow in Capgo Enterprise, Ionic Enterprise Plugin Alternatives의 제품 워크플로를 위해 Ionic Enterprise Plugin Alternatives의 제품 워크플로를 위해 Capgo Alternatives Capgo Alternatives의 제품 워크플로우에 대한 대안 Capgo Consulting Capgo Consulting의 제품 워크플로우에 대한 Capgo Premium Support Capgo Premium Support의 제품 워크플로우에 대한

App Center에서 Capgo로의 이동