콘텐츠로 이동

모바일 앱

Proyecta에서 모바일 친화적인 웹 앱을 빌드하세요. PWA는 지금 바로 사용 가능하며, PWA Builder를 통해 iOS/Android 네이티브 래퍼도 지원합니다.

Proyecta는 웹 앱을 빌드합니다. “폰에서 실행되는 앱”을 만드는 가장 빠른 방법은 반응형 웹 앱입니다 — 선택적으로 Progressive Web App(PWA)으로 향상시키면 사용자가 홈 화면에 앱을 설치하고, 지원되는 플랫폼에서 푸시 알림, 오프라인 지원, 전체 화면 경험을 누릴 수 있습니다.

App Store, Google Play, Microsoft Store를 통한 네이티브 배포가 필요하다면, PWA Builder와 같은 도구를 사용해 게시된 PWA를 래핑할 수 있습니다.

  • Builder의 반응형 뷰포트 전환기 — 편집 중에 Desktop / Tablet / Mobile 미리보기 전환 가능
  • 모바일 우선 AI 프롬프트 — 요청 시 AI가 반응형 레이아웃을 빌드하는 방법을 알고 있음
  • Proyecta SDK를 통한 푸시 알림푸시 알림 참조
  • 모바일 Builder UI — Proyecta 자체가 폰에서 동작하므로 이동 중에도 빌드 가능

대부분의 앱에서 PWA가 적합한 선택입니다:

Add PWA support to my app:
- Web app manifest with name, icons, theme color
- Service worker with offline cache for the app shell
- Service worker with update toast on new version

AI가 매니페스트와 서비스 워커를 설정해 드립니다. 게시한 후 사용자는:

  • 모바일 브라우저에서 앱을 열고
  • 브라우저 메뉴에서 Add to Home Screen(iOS) 또는 Install app(Android)을 탭하여
  • 홈 화면에서 네이티브 앱처럼 실행할 수 있습니다

iOS 16.4 이상의 PWA는 Web Push도 지원하므로 알림이 작동합니다 — 설정 방법은 푸시 알림을 참조하세요.

App Store 또는 Google Play에 출시해야 한다면, 게시된 PWA를 래핑하는 방법을 권장합니다:

  1. *.proyecta.live 서브도메인(또는 커스텀 도메인)에 publish
  2. pwabuilder.com을 열고 URL 입력
  3. 네이티브 패키지 생성 — Android(AAB), iOS(Xcode 프로젝트), Windows(MSIX)
  4. 각 스토어에 제출

자세한 내용은 앱 스토어에 게시하기를 참조하세요.

  • Apple은 네이티브 기능을 추가하지 않은 순수 WebView 앱을 거부할 수 있습니다. App Store를 목표로 하기 전에 이 점을 고려하세요.
  • iOS의 푸시 알림은 사용자가 래퍼가 아닌 Safari에서 PWA를 먼저 설치해야 합니다.
  • 카메라, GPS, 연락처는 모두 웹 API를 통해 사용 가능하지만, 네이티브 전용 API(HealthKit, ARKit)는 PWA 래퍼에서 접근할 수 없습니다.
  • 진정한 네이티브 셸이 필요한 프로젝트를 위한 네이티브 React Native / Expo 템플릿
  • 대안적인 래핑 경로로서의 Capacitor 통합
  • Builder 내 앱 스토어 게시 마법사 (아이콘, 스플래시 화면, 스토어 설명 문구)
  • Builder와 동기화되는 앱 스토어 메타데이터 관리