사용자가 즉시 검토 및 피드백을 받을 수 있도록, 테스트 플라이트나 구글 플레이에서 다운로드하고 설치해야 하는 새로운 빌드를 요청하지 않고, 특정 사용자에게 변경 사항을 직접 배포할 수 있는 방법이 있나요?
고객이 요청한 개선 사항을 빠르게 구현할 수 있었습니다. 그러나 결과를 고객이 검증할 수 있도록 배포해야 하는 업데이트는 실험적인 변경에 위험했고, 고객에게만 배포할 수 있는 빌드를 생성하는 것은 모두에게 부담이 되었습니다.
개발자들은 다양한 사용자 그룹에 대한 업데이트를 제공할 수 있는 유연성을 원했습니다. 예를 들어, 비기술적인 이해관계자, QA, 또는 적절한 경우 전체 사용자에게 업데이트를 제공할 수 있었으면 좋았습니다.
제품 빌드가 워크 인 프로그레스 버전으로 switch할 수 없고, 피드백을 수집하고 다시 제품 빌드로 돌아갈 수 없었다.
그것이 "채널 전환"을 통해 가능합니다. 사용자의 기기에 설치된 앱은 런타임에 업데이트 채널을 switch할 수 있으므로, 제품 앱을 고정된 엔드포인트가 아닌, 검토 및 반복을 위한 유연한 공간으로 변환할 수 있습니다. 특히 비기술적인 이해관계자가 제품 앱을 사용하여 변경 사항을 테스트하고 직접 피드백을 제공할 수 있도록 해줍니다. 업데이트 채널 이해하기 업데이트 채널은 __CAPGO_KEEP_0__이 특정 빌드에 업데이트를 대상으로 하는 방법입니다. 각 빌드는 채널과 관련이 있으며, 그 채널은 빌드가 받을 업데이트를 결정합니다.
예를 들어, 사용자에게 영향을 미치지 않는 채널에 업데이트를 배포할 수 있습니다.
Update channels are how Capgo targets updates to specific builds. Each build is associated with a channel, and that channel determines which updates it will receive.
채널 preview 채널 production. 이전에는 채널을 전환하려면 다른 네이티브 빌드를 설치하거나 대시보드에서 장치 할당을 수동으로 변경해야했습니다.
Capgo 채널은 다음과 같은 기능을 제공합니다.
- 특정 사용자 그룹에 맞춤된 기능을 제공합니다.
- 사용자를 다른 채널에 할당하여 A/B 테스트를 수행합니다.
- 새로운 기능을 점진적으로 출시합니다.
- 베타 테스트 프로그램을 생성합니다.
- 개별 사용자와의 프로덕션 문제를 디버깅합니다.
업데이트 채널에 대해 익숙하지 않은 경우 __CAPGO_KEEP_0__ 채널 문서는 그 내용을 자세히 설명합니다. Capgo channels documentation 채널 서핑은 설치된 앱이 다른 업데이트 스트림으로부터 데이터를 pulls 할 수 있는 기능입니다. 앱이 재설치되지 않는 한, 설치된 앱은 런타임에 업데이트 채널을 전환할 수 있으며, 새로 선택한 채널에서 업데이트를 계속 받을 수 있습니다.
이 기능은 앱이 여러 채널을 지원할 수 있게 해줍니다.
이 기능은 앱이 여러 채널을 지원할 수 있게 해줍니다.
In practice, this means a product owner or QA can switch a production 채널 preview build to, for example, a production 채널
try out the latest changes. When they are done testing, they switch back to
채널
Before you can try channel surfing, your project needs to be configured with Capgo Live Updates. To set that up, follow the Capgo quickstart guide.
The only setup required for channel surfing is enabling “Allow devices to self associate” on each channel you want to switch to in the Capgo dashboard. No code changes or config modifications needed beyond that.
At its core, channel surfing is driven by a single API call:
import { CapacitorUpdater } from '@capgo/capacitor-updater';
await CapacitorUpdater.setChannel({ channel: 'your-channel' });This sets the channel that is used when querying Capgo for updates. Learn more about the setChannel API.
즉시 채널 전환 (v5.34.0+)
플러그인 버전 5.34.0, 6.34.0, 7.34.0, 또는 8.0.0 (대형 버전에 따라)부터 (depending on your major version), setChannel() 다음과 같이 작동합니다:
- 백엔드 유효성 검사 (읽기 전용): Capgo 백엔드에 요청을 보내 채널이 허용되는지 유효성 검사합니다
- 로컬 스토리지 업데이트: 유효성 검사 통과 시, 채널을 장치의 로컬 스토리지에 저장합니다
- 즉시 효과: 다음 업데이트 체크에서는 새로운 채널을 즉시 사용합니다
그전에는 setChannel() API
채널 전환 완료
사용자 경험을 개선하기 위해, 채널만 전환하고 다음 앱 재시작을 기다리기만 하는 것보다 더 많은 작업을 수행하는 것이 일반적입니다. 일반적인 접근 방식은 사용자가 선택한 채널의 업데이트에 직접 접근할 수 있도록 하기 위해 즉시 업데이트 확인, 다운로드, 앱 재로드를 수행하는 것입니다.
일반적인 흐름은 다음과 같습니다.
- 채널 변경 (
setChannel) - 업데이트 확인 (
getLatest) - 업데이트 가져오기 및 적용 (
download,set또는next) - 앱 재로드 (
reload)
다음은 완전한 예시입니다.
import { CapacitorUpdater } from '@capgo/capacitor-updater';
async function switchChannel(selectedChannel: string) {
try {
// 1. Set the updates channel (with optional auto-update trigger)
await CapacitorUpdater.setChannel({
channel: selectedChannel,
triggerAutoUpdate: true // Immediately check for updates
});
console.log(`Switched to channel: ${selectedChannel}`);
// If you want more control, handle the update manually:
// const latest = await CapacitorUpdater.getLatest();
// if (latest.url) {
// const bundle = await CapacitorUpdater.download({
// url: latest.url,
// version: latest.version
// });
// await CapacitorUpdater.set({ id: bundle.id });
// }
} catch (error) {
console.error('Failed to switch channel:', error);
}
}
// Switch to the beta channel
switchChannel('beta');이러한 흐름을 구조화하는 방법은 여러분에게 달려 있습니다. 이러한 단계를 여러 상호 작용에 걸쳐 나누거나 모두 동시에 실행할 수 있습니다. 이러한 흐름을 구조화하는 방법은 여러분에게 달려 있지만, 실패를 고려하도록 하세요. 네트워크 문제 또는 유효하지 않은 채널은 업데이트를 적용하는 것을 방지할 수 있습니다.
단 하나의 요구 사항: 자체 할당 활성화
이것만 하면 채널 전환을 할 수 있습니다. 앱이 채널을 전환하기 전에 setChannel(), Capgo 대시보드에서 채널을 위한 자체 할당을 활성화해야 합니다.
- __CAPGO_KEEP_0__ 대시보드의 Channels section in your Capgo dashboard
- 관리하고 싶은 채널 이름을 클릭하세요.
- Enable “기기들이 자체적으로 연결되도록 허용하세요.”
- 변경 사항을 저장하세요.
그것만으로 충분합니다. 앱에서 설정 변경이 필요하지 않습니다. defaultChannel 설정이 필요합니다. 채널을 바꿀 수 있는 사용자에게만 채널을 활성화하면 됩니다.
이 설정이 비활성화되어 있다면, 이 채널을 호출하는 시도는 실패하고, setChannel() 이벤트가 발생합니다. channelPrivate 가용 채널 목록
자신의 할당을 허용하는 채널 목록을 가져올 수 있습니다:
이것은 채널 할당이 활성화된 채널만 반환합니다.
const { channels } = await CapacitorUpdater.listChannels();
console.log('Available channels:', channels.map(c => c.name));
// Use this to build a channel selector UI현재 채널 가져오기
장치가 현재 할당된 채널을 확인하세요:
기본 채널로 되돌리기
const { channel } = await CapacitorUpdater.getChannel();
console.log('Current channel:', channel);특정 채널에 할당된 장치를 해제하고 기본 채널로 돌아가게 하려면:
이것은 장치를 기본 채널로 되돌려서, 특정 채널에 할당된 채널에서 해제합니다.
await CapacitorUpdater.unsetChannel({});이것은 장치를 기본 채널로 되돌려서, 특정 채널에 할당된 채널에서 해제합니다. defaultChannel __CAPGO_KEEP_0__
채널 서핑 테스트 방법
릴리즈 빌드를 통해 채널 서핑을 확인하려면, __CAPGO_KEEP_0__는 릴리즈 빌드에 설계되었습니다. 디버그 빌드의 경우, 앱은 일반적으로 개발 서버에서 자바스크립트를 로드하기 때문에 일반 업데이트 흐름을 우회합니다. @capgo/capacitor-updater API is designed for release builds. In debug builds, the app typically loads JavaScript from a development server instead, which bypasses the normal update flow.
채널 서핑을 사용하려면, 각 채널에서 "기기 자체 연관 허용"을 활성화해야 합니다. 앱에서 설정 변경이 필요하지 않습니다.
테스트 빌드 생성 빌드를 생성하세요: 그런 다음 Xcode 또는 Android Studio를 사용하여 네이티브 빌드를 생성하거나 CI/CD PIPELINE을 사용하세요. 앱은 __CAPGO_KEEP_0__ 설정에 따라 클라우드 기본 채널에서 시작됩니다.
다양한 채널에 대한 업데이트 배포
__CAPGO_KEEP_0__
bun run build && npx cap syncCapgo
__CAPGO_KEEP_0__
설치된 앱에 업데이트를 다양한 채널에 공개합니다:
# Publish to preview channel
npx @capgo/cli@latest bundle upload --channel preview
# Publish to production channel
npx @capgo/cli@latest bundle upload --channel production그곳에서 앱 내 채널 전환 UI로 이동하여 채널 전환을 트리거합니다. 앱은 선택한 채널에서 업데이트를 가져와 새 업데이트로 리로드해야 합니다.
채널 전환 UI 빌드
채널 전환은 일반적으로 사용자에게 노출하고 싶지 않은 제한된 사용자만에게 노출하고 싶습니다. 예를 들어, 인증된 직원만이 앱을 프리뷰 채널로 전환하는 버튼이 있는 경우가 있습니다.
채널 전환 UI의 예제 React 컴포넌트입니다:
import { useState, useEffect } from 'react';
import { CapacitorUpdater } from '@capgo/capacitor-updater';
export function ChannelSwitcher() {
const [currentChannel, setCurrentChannel] = useState<string>('');
const [availableChannels, setAvailableChannels] = useState<string[]>([]);
const [isLoading, setIsLoading] = useState(false);
useEffect(() => {
loadChannelInfo();
}, []);
async function loadChannelInfo() {
const { channel } = await CapacitorUpdater.getChannel();
setCurrentChannel(channel || 'default');
const { channels } = await CapacitorUpdater.listChannels();
setAvailableChannels(channels.map(c => c.name));
}
async function handleChannelSwitch(channel: string) {
setIsLoading(true);
try {
await CapacitorUpdater.setChannel({
channel,
triggerAutoUpdate: true
});
setCurrentChannel(channel);
// App will update in background or on next restart
} catch (error) {
console.error('Failed to switch channel:', error);
} finally {
setIsLoading(false);
}
}
return (
<div>
<p>Current channel: {currentChannel}</p>
<div>
{availableChannels.map(channel => (
<button
key={channel}
onClick={() => handleChannelSwitch(channel)}
disabled={isLoading || channel === currentChannel}
>
Switch to {channel}
</button>
))}
</div>
</div>
);
}OTA 업데이트의 함정
이것들은 채널 전환과 관련이 없지만 런타임에서 채널을 전환하는 즉시すぐ에 나타나는 문제입니다.
런타임 버전 불일치
업데이트는 Capgo에 묶여 있습니다. 설치된 앱의 네이티브 버전과 업데이트의 네이티브 버전이 일치하지 않으면 업데이트가 다운로드되거나 적용되지 않습니다. 채널 전환 시, 업데이트가 존재하지만 앱이 채널을 전환하지만 업데이트가 적용되지 않는 경우가 있습니다.
이것은 업데이트가 다른 네이티브 버전의 앱에서 게시된 경우입니다. 채널의 번들 버전이 기기에 설치된 네이티브 버전과 호환되는지 확인하십시오.
업데이트 삭제 또는 취소
앱이 이미 채널에 대한 업데이트를 다운로드한 경우, Capgo 대시보드에서 업데이트를 삭제하는 것은 기기에 이미 업데이트가 있는 기기에서 업데이트를 삭제하지 않습니다. 삭제는 업데이트를 삭제하는 것을 중단합니다. 미래 다운로드.
업데이트를 되돌리려면 가장 신뢰할 수 있는 방법은 동일한 채널에 알려진 좋은 업데이트를 게시하는 것입니다. 이로 인해 채널의 역사 상단에 새로운 업데이트가 생성되며, 클라이언트는 이 업데이트를 최신 버전으로 처리하고 대신 적용합니다.
Capgo은 이전에 안정적인 업데이트를 다시 적용하거나 빌드에 포함된 업데이트로 돌아가도록 클라이언트에게 지시하는 롤백 메커니즘도 제공합니다.
데이터 마이그레이션 고려 사항
채널 Switching은 앱이 실행하는 JavaScript 번들을 변경합니다. 앱이 채널 간에 호환되지 않는 마이그레이션 또는 데이터 형태에 의존하는 경우, 전환을 되돌아가면 문제가 발생할 수 있습니다.
예를 들어, 베타 업데이트가 데이터베이스 마이그레이션을 적용하면, 프로덕션 버전은 새로운 스키마를 이해하지 못할 수 있습니다. 개발자는 업데이트가 전환할 수 있는지 여부를 확인하거나 필요할 때 한 방향으로만 전환하는 것을 제한해야 합니다.
채널 서핑이 모바일 반복을 개선하는 이유
채널 서핑은 특히 프로덕션 환경에서 변경 사항을 빠르게 검토할 필요가 있는 경우 유용합니다.
빠른 검증
긴급한 버그修정을 검증하기 전에 널리 배포하기 전에 생각해 보십시오. 채널 서핑을 사용하면 변경 사항이 지정된 사용자에게만 분리되어 검토될 수 있습니다.
주주 검토
제품 관리자 또는 QA 팀원은 설치된 프로덕션 빌드를 다른 업데이트 채널로 전환하여 문제를 해결하거나 기능을 확인하고 다시 전환할 수 있습니다.
Streamlined Testing
이것은 비기술적인 이해관계자들이 검토 및 의사결정을 포함시키면서도 워크플로우를 smooth하게 유지할 수 있도록 하여, 테스트, 피드백 및 검증을 위한 유연한 도구로 프로덕션 빌드를 만듭니다.
Use Cases
- QA Testing: QA 팀이 기능 branch 간에 전환할 수 있습니다.
- Beta Programs: 사용자가 베타 채널에 가입하여 조기 접근을 받을 수 있습니다.
- Stakeholder Review: 제품 관리자가 출시 전 변경 사항을 미리 볼 수 있습니다.
- A/B Testing: 사용자를 실험을 위한 채널에 할당할 수 있습니다.
- 디버깅: 특정 사용자를 디버그 채널로 전환하여 문제를 진단합니다
채널 변경 방법 비교
| 방법 | 효과 시간 | 저장 위치 | 사용 사례 |
|---|---|---|---|
setChannel() 플러그인에서 | 즉시 | 디바이스만 (로컬) | 앱 내에서 사용자가 채널을 스위치하는 경우 |
| 디바이스 오버라이드 (대시보드) | 2분 이내 | 데이터베이스 | 특정 장치에 대한 관리자가 시작한 변경 사항 |
| API 채널 할당 | 2분 이내 | 데이터베이스 | 자동화된 백엔드 통합 |
채널-switching UI를 빌드할 때 최상의 사용자 경험을 제공하기 위해, 항상 플러그인의 setChannel() method.
최선의 방법
- 권한 제한채널 스루핑은 일반적으로 내부 용도로 사용되므로 모든 사용자에게 노출하지 마세요.
- 오류 처리: 채널을 전환할 때 항상 오류를 부드럽게 처리하세요
- 호환성 검증: 설치된 네이티브 버전과 호환되는지 확인하여 다른 채널의 업데이트를 진행하세요
- 채널 문서화: 각 채널의 목적을 명확하게 문서화하세요
- 사용량 모니터링: 디버깅을 위해 장치가 어느 채널에 있는지 추적하세요
자원
결론
채널 전환은 Capacitor 앱의 개발을 어떻게 바꾸는지에 대해 설명합니다. 프로덕션 빌드가 고정된 엔드포인트가 아닌 유연한 테스트, 검증, 및 빠른 반복을 위한 도구로 변환되기 때문입니다.
최근 플러그인 버전에서 소개된 즉시 채널 전환 기능을 통해 사용자는 이제 더이상 기다리지 않고 새로운 채널에서 업데이트를 즉시 받을 수 있습니다.
버그 수정을 검증하는 데 스테이크 홀더와 함께, 베타 프로그램을 실행하거나 특정 사용자와 함께 문제를 디버깅하는 등, 채널 전환은 사용자에게 필요한 업데이트를 정확한 시간에 제공할 수 있도록 해줍니다.
채널 전환에 대한 Capgo : 런타임에서 업데이트 채널을switch하는 방법
__CAPGO_KEEP_0__을 사용하는 경우 채널 전환에 대한 Capgo : 런타임에서 업데이트 채널을 switch하는 방법 을 사용하여 채널 라우팅과 스테이지드 롤아웃을 계획하고, 이를 Channels 와 연결하세요. Channels __CAPGO_KEEP_0__ 채널의 구현 세부 사항에 대해 채널 __CAPGO_KEEP_0__ 채널의 구현 세부 사항에 대해 베타 테스트 솔루션 __CAPGO_KEEP_0__ 베타 테스트 솔루션의 제품 워크플로에 대해, 및 버전 대상 솔루션 __CAPGO_KEEP_0__ 버전 대상 솔루션의 제품 워크플로에 대해.
