빠른 시작

1콘솔에서 앱 시작

URL 하나로 첫 앱 항목 만들기

1. Nativify Console에 로그인하거나 계정을 만듭니다.
2. 웹앱 URL과 앱 이름을 입력합니다.
3. Android 실배포 또는 iOS 초기 검증 흐름을 선택합니다.

2첫 빌드와 검증 실행

기본 빌드 흐름

1. 콘솔에서 Android 또는 iOS 빌드를 시작합니다.
2. 빌드 기록에서 상태와 실패 원인을 확인합니다.
3. Signing, OTA, 스토어 준비는 앱 상세 탭에서 이어서 진행합니다.

권한과 기능 확인

- 필요한 네이티브 기능만 선택합니다.
- Android/iOS 권한 항목을 함께 검토합니다.
- 첫 iOS 빌드는 초기 검증용이며, 실배포는 서명 연결 후 별도 빌드합니다.

릴리즈 준비

- Android keystore, iOS certificate/profile을 연결합니다.
- 스토어 메타데이터와 자산을 준비합니다.
- 최신 성공 빌드를 기준으로 제출 흐름을 진행합니다.

3필요한 기능만 브리지 연결

라이브러리 추가

# JavaScript 라이브러리
cp lib/web-bridge.js your-project/src/utils/

# TypeScript 사용 시
cp lib/web-bridge.d.ts your-project/src/utils/

웹앱에서 사용

<script src="./web-bridge.js"></script>
<script>
    const bridge = new WebBridge({ debug: true });

    async function getLocation() {
        const location = await bridge.getLocation();
        console.log('위치:', location);
    }
</script>

권한 예시

<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/>
<uses-permission android:name="android.permission.CAMERA"/>
<uses-permission android:name="android.permission.POST_NOTIFICATIONS"/>

4주요 기능 사용

📍 위치 가져오기

const location = await bridge.getLocation();
// { lat: 37.123, lng: 127.456, accuracy: 10 }

📷 사진 촬영

const photo = await bridge.takePhoto();
// Base64 인코딩된 이미지

📢 알림 표시

await bridge.showNotification('제목', '내용');

💾 데이터 저장

await bridge.saveData('user', { name: 'John' });
const user = await bridge.loadData('user');

📱 디바이스 정보

const info = await bridge.getDeviceInfo();
// { platform: 'android', model: 'SM-G991N', version: '13' }

if (bridge.isAvailable()) {
    console.log('네이티브 브릿지 연결됨');
} else {
    console.log('브라우저 모드');
}

const bridge = new WebBridge({ 
    debug: true,
    timeout: 20000 // 20초
});