Capacitor 앱을 모바일에서 테스트하는 방법

 앱을 모바일에서 테스트하려면 다음 단계를 따르시면 됩니다:

Capacitor 앱을 모바일에서 테스트하는 방법

1. Android 앱 빌드 및 테스트

# 웹 코드를 네이티브 앱으로 복사
npx cap sync
 
# Android 스튜디오로 프로젝트 열기
npx cap open android

Android Studio가 열리면:

1. 기기 선택: 실제 Android 기기 또는 에뮬레이터
2. 실행 버튼(녹색 삼각형)을 클릭하여 앱 실행

2. iOS 앱 빌드 및 테스트 (Mac 필요)

# 웹 코드를 네이티브 앱으로 복사
npx cap sync ios
 
# Xcode로 프로젝트 열기
npx cap open ios

Xcode가 열리면:

1. 기기 선택: 실제 iOS 기기 또는 시뮬레이터
2. 실행 버튼을 클릭하여 앱 실행

3. 프로덕션 빌드를 위한 준비

Android 릴리스 빌드:

# 프로덕션용 웹 빌드 생성
npm run build
 
# 빌드 결과물을 네이티브 프로젝트에 복사
npx cap sync android
 
# Android Studio에서 서명된 APK 또는 App Bundle 생성
# Build > Generate Signed Bundle/APK

iOS 릴리스 빌드 (Mac 필요):

# 프로덕션용 웹 빌드 생성
npm run build
 
# 빌드 결과물을 네이티브 프로젝트에 복사
npx cap sync ios
 
# Xcode에서 Archive 생성
# Product > Archive

앱 테스트 시 확인할 사항

1. AdMob 광고가 제대로 표시되고 작동하는지
2. 다국어 지원이 제대로 작동하는지
3. 질문 작성 및 답변 받기 기능이 오류 없이 작동하는지
4. 이메일 전송 기능이 제대로 작동하는지
5. 이전 질문 이력이 표시되고 클릭 시 팝업이 제대로 뜨는지
6. 인터넷 연결이 불안정할 때의 오류 처리