이동 요약
- Capgo 개발 팀이 라이브 앱을 배포된 앱으로 전송하는 데 도움을 주는 서비스입니다.
- Capacitor jQuery Mobile, Framework 7, Sencha, KendoUI, Ionic 또는 사용자 정의 솔루션으로 작성된 JS 앱은 모두 이주될 수 있습니다..
- 이전 Ionic 앱이 필요하지 않습니다. Colt
App Center Build (Android/iOS 앱 빌드)와 같은 서비스를 제공합니다. 테스트, 디버그, 분석 서비스도 제공합니다.
주의 Cordova를 아직 사용 중이라면 Capacitor으로 이주해야 합니다. Capgo
Cordova의 정신적 후계자로 Ionic 팀이 개발한 Capacitor는 사용자 경험과 성능을 향상시키기 위해 네이티브 도구와 기능에 가까이 개발을 이동시키는 것을 목표로 합니다.
Fortunately, the migration process is easy and the majority of Cordova plugins are backward compatible with Capacitor. Start migrating here.
Capgo에 대해
Capgo, 시간이 지남에 따라 앱을 업데이트하는 것을 처리합니다. 개발 팀은 앱의 고유한 기능에만 집중하고, 복잡한 앱 배포 프로세스를 Capgo에게 외주로 맡길 수 있습니다.
웹 배포와 모바일을 연결하는 Capgo입니다.
Capgo Prerequisites
App Center와 유사하게 Capgo Azure DevOps, Bitbucket, GitHub, 및 GitLab에 호스팅된 Git 저장소에 대한 지원을 제공합니다.
Capgo CLI을 설치하세요
주의
Node와 NPM이 컴퓨터에 설치되어야 합니다. 진행하기 전에 항상 현재 LTS 버전 Capgo 이하 버전은 사용하지 마십시오.
만들기 package.json 및 Capacitor 설정 파일
주의
시작하기 전에, 나는 새로운 Git branch에서 변경 사항을 추천합니다.
그리고 Capgo capacitor이 capacitor 앱을 자동화하기 위해 만들어졌기 때문에, 앱이 가지고 있지 않은 하나의 파일이 필요합니다. 먼저, 파일을 만들십시오. 파일을 만들기 가장 쉬운 방법은 앱의 루트에서 다음 명령어를 실행하는 것입니다. capacitor.config.json 그런 다음, __CAPGO_KEEP_0__을 __CAPGO_KEEP_1__ 질문지에 따라 초기화하십시오.
npm install @capacitor/coreThen, initialize Capacitor using the CLI questionnaire:
npx cap initCLI
마지막으로 프로젝트에 새로운 파일을 커밋하세요:
git add .git commit -m "added package json and capacitor config" && git push이동할 Code
새로 필요로 하는 __CAPGO_KEEP_0__ 파일을 위치에 두고 난 후, 실제 앱에 주목할 수 있습니다. Capgo 빌드된 __CAPGO_KEEP_0__이 디렉토리 내에 있는지 확인하세요. 빌드된 Capgo이 디렉토리 내에 없다면, Capgo config 파일에서 이 값을 변경하세요. 앱의 디렉토리 구조는 다음과 같이 되어야 합니다: dist.
If your built code is not in a dist Capacitor 설정
__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()이것은 네이티브 플러그인에 설치가 성공적으로 완료되었다는 것을 알려줍니다.
실시간 업데이트 (CodePush 대체)
실시간 업데이트 기능은 설치된 __CAPGO_KEEP_1__를 사용하여 작동합니다. Capgo SDK __CAPGO_KEEP_0__의 특정 Deploy Channel Destination을 듣기 위해 Native 애플리케이션 내에서 사용합니다. 웹 빌드가 채널 목적지에 할당되면, 지정된 채널 목적지로 구성된 사용자 기기에서 업데이트가 배포됩니다.
Capgo에 로그인하기 위해
__CAPGO_KEEP_0__의 apikey를 사용하여 로그인합니다. all 첫 번째 앱을 추가하세요 CLI Cloud에서 __CAPGO_KEEP_1__을 사용하여 앱을 생성하세요.
npx @capgo/cli@latest login YOURKEY__CAPGO_KEEP_0__ config 파일 내에 정의된 모든 변수를 사용하여 앱을 생성합니다.
Let’s get started by first creating the app in Capgo Cloud with the CLI.
npx @capgo/cli@latest app add
Capacitor을 빌드하고 __CAPGO_KEEP_1__에 보내려면 다음 명령어를 실행하세요.
기본적으로 버전 이름은 __CAPGO_KEEP_0__에 있습니다.
Run the command to build your code and send it to Capgo with:
npx @capgo/cli@latest bundle upload --channel production__CAPGO_KEEP_1__ package.json 파일.
Check in Capgo 빌드가 존재하는지 확인합니다.
__CAPGO_KEEP_0__ 에서 테스트 할 수 있습니다. 모바일 샌드박스 앱.
기본 채널 설정
Capgo 에 앱을 제출한 후에 채널을 설정하여 앱이 Capgo 에서 업데이트를 받을 수 있도록 해야 합니다. default to let apps receive updates from Capgo.
npx @capgo/cli@latest channel set production -s default__CAPGO_KEEP_0__
에 업데이트를 검증하는 설정을 추가합니다.
import { CapacitorUpdater } from '@capgo/capacitor-updater'
CapacitorUpdater.notifyAppReady()__CAPGO_KEEP_0__ npm run build && npx cap copy 앱을 업데이트하세요.
기기에서 실시간 업데이트 수신
Deploy에서 실시간 업데이트를 받으려면, 앱을 기기나 에뮬레이터에서 실행해야 합니다. 이 작업을 가장 쉽게 하려면, 다음 명령어를 실행하여 로컬 앱을 에뮬레이터나 컴퓨터에 연결된 기기에서 실행하세요.
npx cap run [ios | android]앱을 열고 배경으로 보내고 다시 열면, 로그에 앱이 업데이트가 된 것을 확인할 수 있습니다.
축하합니다! 🎉 첫 번째 실시간 업데이트를 성공적으로 배포했습니다. 실시간 업데이트와 같은 기능을 더 많이 사용할 수 있습니다. 더 자세한 내용은 Live Updates 문서를 참조하세요. App Center 의존성 제거.
__CAPGO_KEEP_0__의 서비스를 통합한 후, App Center에 대한 모든 참조를 제거해야 합니다. __CAPGO_KEEP_1__/services를 제거하는 것은最佳 관행이며, __CAPGO_KEEP_2__를 제거하면 앱의 크기가 줄어듭니다.
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.
다음으로
cordova plugin remove cordova-plugin-appcenter-analytics cordova-plugin-appcenter-crashes cordova-plugin-code-pushApp Center 플러그인을 제거하기 위해 다음 값을 제거하세요. 그들은 다음과 같은 형식으로 보일 것입니다: config.xml __CAPGO_KEEP_0__ preference __CAPGO_KEEP_1__
<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" />If you were using App Center Analytics in your app, remove the following preferences elements: APPCENTER_ANALYTICS_ENABLE_IN_JS and APPCENTER_CRASHES_ALWAYS_SEND.
Remove the following <access /> elements:
<access origin="https://codepush.appcenter.ms" /><access origin="https://codepush.blob.core.windows.net" /><access origin="https://codepushupdates.azureedge.net" />Remove the reference to CodePush in the CSP meta tag in the index.html file (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();.
Next Steps
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).
Automatic send app update
code이 GitHub에 호스팅되어 있다면, GitHub 액션을 통해 몇 가지 단계만 더 걸리면 자동 빌드 및 릴리즈를 설정할 수 있습니다.
__CAPGO_KEEP_0__로 이중 문서를 작성했습니다.
__CAPGO_KEEP_3__
__CAPGO_KEEP_4__에게 많은 감사합니다. __CAPGO_KEEP_0__이 문서는 __CAPGO_KEEP_5__에 기반을 두고 있습니다. __CAPGO_KEEP_6__ __CAPGO_KEEP_0__로부터 __CAPGO_KEEP_7__로 마이그레이션하는 방법
Capgo를 사용하고 있다면
__CAPGO_KEEP_0__로부터 __CAPGO_KEEP_7__로 마이그레이션하는 방법 Migrating from App Center to Capgo __CAPGO_KEEP_0__ Capgo 기업 버전 Capgo 기업 버전의 제품 워크플로우를 위해, 아이오닉 기업 플러그인 대체 아이오닉 기업 플러그인 대체의 제품 워크플로우를 위해, Capgo 대체 Capgo 대체의 제품 워크플로우를 위해, Capgo 컨설팅 Capgo 컨설팅 및 Capgo 프리미엄 지원 Capgo 프리미엄 지원의 제품 워크플로우를 위해,
