Capgo으로부터 앱 센터로 마이그레이션

이동 요약

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

주의

앱이 아직 Cordova를 사용하고 있다면 __CAPGO_KEEP_0__로 이전해야 합니다. Cordova에서 Capacitor으로 이전하기 전에 Capacitor로 이전해야 합니다. Capgo는 Ionic 팀이 Cordova의 정신적 후계자로 개발했습니다. Cordova와 같은 네이티브 도구와 기능에 접근할 수 있도록 개발을 진행하고, 사용자 경험과 성능을 향상시키기 위해 개발되었습니다.

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

Capgo을 CLI으로 설치하세요.

주의

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

및 __CAPGO_KEEP_0__ 설정 파일 `package.json` Capacitor

주의

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

Since Capgo capacitor를 자동화하기 위해 만들어진 Capgo는 앱이 필요로 하지 않는 하나의 파일이 필요합니다. 첫 번째로, 다음 파일을 생성하세요. Capgo를 생성하는 가장 쉬운 방법은 앱의 루트에서 다음 명령어를 실행하는 것입니다: capacitor.config.json 그 다음, Capgo를 __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를 마이그레이션하세요

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

이제 새로운 필수 Code를 가지고 있습니다.

Migrate the __CAPGO_KEEP_0__ Now that you have the new required 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_KEEP_0__ 키를 얻어 첫 번째 버전을 업로드하세요. __CAPGO_KEEP_0__ 계정에 가입하기 위해 시작하세요. 앱이 준비되면, Capgo 계정에 가입하여 Capgo 키를 얻어 첫 번째 버전을 업로드하세요. Capgo 계정에 가입하기 위해 시작하세요. 앱이 준비되면, API 계정에 가입하여 API 키를 얻어 첫 번째 버전을 업로드하세요. API 계정에 가입하기 위해 시작하세요. 앱이 준비되면, Capgo 계정에 가입하여 Capgo 키를 얻어 첫 번째 버전을 업로드하세요. 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

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

__CAPGO_KEEP_0__ Capgo __CAPGO_KEEP_0__

이것을 __CAPGO_KEEP_0__와 함께 테스트할 수 있습니다. 모바일 샌드박스 앱.

채널 기본 설정

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 의존성 제거

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

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

다음 단계

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

자동 앱 업데이트 전송

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

자동 업데이트를 위해 __CAPGO_KEEP_2__ 액션을 사용하여 __CAPGO_KEEP_0__을 __CAPGO_KEEP_1__에 호스팅하세요.

__CAPGO_KEEP_4 액션, GitLab, Jenkins, 등 CI/CD 플랫폼을 선택하여 CAPGO_KEEP_3__을 사용하세요.

__CAPGO_KEEP_2__ 액션을 사용하여 __CAPGO_KEEP_0__을 __CAPGO_KEEP_1__에 호스팅하세요. 아이오닉, 이 기사에는 기초가 되어 있습니다 이 기사 __CAPGO_KEEP_0__과 대화형 GPT-3를 사용하여 재작성 및 적응했습니다.

Capgo에서 App Center로의 이동