앱 센터에서 Capgo으로 이주하는 방법

이주 요약

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 서비스도 제공합니다.

주의

Cordova를 사용하는 앱이 아직 있다면, __CAPGO_KEEP_0__로 먼저 이동해야 합니다. Cordova에서 Capacitor으로 이동하기 전에 Capacitor로 이동해야 합니다. Capgo는 Ionic 팀에서 Cordova의 정신적 후계자로 개발되었습니다. Cordova와 같은 기능을 제공하면서 native tooling과 기능을 사용할 수 있도록 개발되었습니다. 사용자 경험과 성능을 향상시키기 위해 개발되었습니다.

운이 좋게도, 이주 프로세스는 간단하고 대부분의 Cordova 플러그인은 Capacitor와 호환됩니다.

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

About Capgo

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

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

Capgo의 전제 조건

App Center와 마찬가지로 Capgo GitHub은 Azure DevOps, Bitbucket, GitHub, GitLab에 호스팅된 앱을 지원합니다.

Capgo CLI 설치

주의

컴퓨터에 Node와 NPM가 설치되어야 합니다. 진행하기 전에 항상 최신 LTS 버전을 사용하세요. __CAPGO_KEEP_0__은 더 이상 사용되지 않는 버전입니다. Capgo do not older versions.

__CAPGO_KEEP_0 및 CAPGO_KEEP_0__ 설정 파일 `package.json` Capacitor

주의

시작하기 전에, 새로운 Git branch에서 변경 사항을 적용하는 것을 추천합니다.

그런데 Capgo capacitor 앱을 자동화하기 위해 만들어졌지만, capacitor이 하나의 파일을 필요로 하며, 앱이 해당 파일을 가지고 있지 않을 수 있습니다. 첫 번째로, capacitor 파일을 생성하세요. capacitor을 생성하는 가장 쉬운 방법은 앱의 루트 디렉토리에서 다음과 같이 실행하는 것입니다: capacitor.config.json 그런 다음, __CAPGO_KEEP_0__을 __CAPGO_KEEP_1__ 설문조사로 초기화하세요:

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_0__을 마이그레이션하세요

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

이제 새로운 Code이 필요합니다.

__CAPGO_KEEP_0__ Capgo 파일이 올바르게 위치해 있으면 실제 앱에 주목할 수 있습니다. Capgo 전체 빌드된 앱이 이름이 지정된 디렉토리 안에 있어야 합니다. dist.

빌드된 code이 디렉토리 안에 없다면 code 설정 파일에서 이 값을 변경하세요. dist directory, change this value in the Capacitor config file.

앱 구조

__CAPGO_KEEP_0__ 설정

Capgo가 준비가 된 상태에서 통합을 시작할 수 있습니다.

__CAPGO_KEEP_0__ Capgo 계정에 가입하여 첫 번째 버전을 업로드하기 위해 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()

__CAPGO_KEEP_0__을 설치한 것을 native 플러그인에 알립니다.

라이브 업데이트 (CodePush 대체)

라이브 업데이트 기능은 설치된 __CAPGO_KEEP_0__ __CAPGO_KEEP_1__을 사용하여 특정 Deploy Channel Destination을 듣습니다. Capgo SDK을 사용하여 Web 빌드를 Channel Destination에 할당하면 사용자 기기에 업데이트를 배포합니다. __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

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

__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()

__CAPGO_KEEP_0__ npm run build && npx cap copy __CAPGO_KEEP_0__

앱을 업데이트하세요.

실시간 업데이트 받기

npx cap run [ios | android]

앱이 실시간 업데이트를 받으려면, 디바이스나 에뮬레이터에서 앱을 실행해야 합니다. 이 작업을 쉽게 하려면, 디바이스나 에뮬레이터에 연결된 컴퓨터에서 다음 명령어를 실행하세요.

축하합니다! 🎉 첫 번째 Live Update를 성공적으로 배포했습니다. Live Update를 사용할 수 있는 것들이 더 많습니다. 더 알아보기 위해 전체 Live Update 문서 보기.

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 App Center Analytics를 사용하는 앱이 있다면 다음

    <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" />

요소를 제거하세요: preferences 그리고 APPCENTER_ANALYTICS_ENABLE_IN_JS 다음 것을 제거하세요 APPCENTER_CRASHES_ALWAYS_SEND.

context <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 참조를 제거하십시오. 예를 들어, App Center의 Live Updates를 사용하여 Capgo로 앱을 이전했습니다. Capgo를 사용할 수 있는 기능은 이것만이 아닙니다. 채널(여러 환경) 및 오버라이드, Cloudflare와의 통합, CI/CD 플랫폼(예: GitHub Actions, GitLab, Jenkins 등) 내에서 __CAPGO_KEEP_3__ 사용을 포함한 서비스의 나머지 기능을 탐색하십시오. codePush.sync();.

자동 앱 업데이트 전송

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).

두 번째 글을 작성했습니다.

If your code is hosted on GitHub, you can set up automatic build and release in a few more steps, thanks to GitHub actions.

Capgo에 많은 감사합니다.

__CAPGO_KEEP_0__

__CAPGO_KEEP_1__ Ionic이 글은 이 글 Chat-GPT-3으로 다시 쓰고 adapting했습니다.

Keep going from Migrating from App Center to Capgo

Capgo로 Migrating from App Center to Capgo Capgo Enterprise Capgo Enterprise for the product workflow in Capgo Enterprise, Capgo Enterprise Capgo Enterprise Capgo 대안 Capgo 대안의 제품 워크플로우를 위해 Capgo 컨설팅 Capgo 컨설팅을 통해 제품 워크플로우를 위해 Capgo 프리미엄 지원 Capgo 프리미엄 지원을 통해 제품 워크플로우를 위해

Migrating from App Center to Capgo