기존 웹 코드에 브리지 호출 몇 줄을 더해 푸시, 카메라, 생체 인증을 씁니다. 빌드와 스토어 제출은 콘솔에서 이어집니다.
import WebBridge from './web-bridge.js';
const bridge = new WebBridge();
// 주문이 접수되면 기기에 알림 표시
await bridge.showNotification(
'주문 접수',
'아메리카노 2잔 · 5분 후 픽업'
);어떤 프레임워크든 같은 브리지 API를 씁니다
웹앱 개발은 지금 방식 그대로 두고, 네이티브 기능은 웹 코드에서 호출합니다. Nativify는 그 호출을 받는 네이티브 실행 환경을 제공합니다.
showNotificationgetFcmTokengetLocationtakePhotopickImagescanQRCodeauthenticatevibratesharegetDeviceInfodownloadFilesubscribeTopicsetScreenshotProtectionrequestReview웹은 이미 있는데, 앱을 내기까지 남은 일들
웹 코드는 그대로 두고, 푸시 알림, 위치, 카메라 같은 네이티브 기능을 브리지 호출로 씁니다. 빌드와 서명, 스토어 제출은 콘솔에서 처리합니다.
구독 없이 빌드할 때만 크레딧 사용
빌드할 때만 크레딧을 쓰고, 빌드된 소스 코드는 직접 받아 갈 수 있습니다.
빌드할 때만 크레딧이 차감됩니다. 쓰지 않는 달에는 비용이 없습니다.
웹 콘텐츠는 기존 개발 흐름으로 관리하세요. 앱 설정이나 네이티브 기능을 바꾸면 새 빌드가 필요할 수 있습니다.
빌드된 크로스플랫폼 소스 코드를 직접 추출해 받을 수 있습니다. 이후 커스텀 개발은 원하는 곳에서 이어가면 됩니다.
웹 코드에서 await로 네이티브 기능을 부르고 결과를 받습니다
const bridge = new WebBridge();
// 기기의 푸시 토큰을 받아 서버에 저장
const { token } = await bridge.getFcmToken();
await fetch('/api/push-tokens', { method: 'POST', body: token });
// 로그인한 사용자를 푸시 대상으로 등록
await bridge.registerPushUser({ appUserId: user.id });const bridge = new WebBridge();
// Face ID, 지문 등 기기 생체 인증 사용 가능 여부 확인
const { canAuthenticate } = await bridge.canAuthenticate();
if (canAuthenticate) {
const ok = await bridge.authenticate('결제를 진행하려면 인증해 주세요');
if (ok) submitPayment();
}const bridge = new WebBridge();
// 카메라로 촬영하고 Base64 이미지를 받음
try {
const { data } = await bridge.takePhoto();
preview.src = `data:image/jpeg;base64,${data}`;
} catch (err) {
console.error('촬영 취소 또는 실패', err);
}첫 빌드 검증부터 반복 배포까지, 구독 없이 필요한 만큼만 시작할 수 있습니다.
기존 웹 코드와 브리지 호출 규칙을 유지한 채 앱 전환 흐름으로 이어집니다.
궁금하신 점을 확인하세요