EXPO를 활용해서 웹뷰 웹앱 만들기

노드 js, git 설치

코드를 아래 순서대로 입력

npm install -g expo-cli

npx create-expo-app my-app

npm install -g eas-cli

eas login

cd my-app
 
eas build:configure

// Build APKs for Android Emulators and devices

eas.json에 아래 복붙

{
  "cli": {
    "version": ">= 3.9.3"
  },
  "build": {
    "preview": {
      "android": {
        "buildType": "apk"
      }
    },
    "preview2": {
      "android": {
        "gradleCommand": ":app:assembleRelease"
      }
    },
    "preview3": {
      "developmentClient": true
    },
    "production": {}
  }
}

eas build -p android --profile preview

// myapp 주소 지정
// com.*.myapp

//WebView 파트

npx expo install react-native-webview

// https://docs.expo.dev/versions/latest/sdk/webview/
// app.js에 복붙

 

import * as React from 'react';
import { WebView } from 'react-native-webview';


export default function App() {
  return (
    <WebView
      source={{ uri: 'https://expo.dev' }}
    />
  );
}

eas build