웹사이트를 앱으로? 웹뷰!

https://mealti-38fed.web.app/

MEALTI

파이어베이스로 호스팅 한 내 웹 사이트 밀티!

반응형으로 구현하였기 때문에 모바일 상에서도 잘 열린다.

하지만 왠지 모르게 어플로 된다면 좋겠다... 라는 생각이 들던 와중

웹뷰로 해서 폰에 다운 받으면 어떨까 라는 생각에 웹뷰에 대해서 알아보게 되었다.

 

React Native로 만들기!

expo를 사용하면 쉽게 만들 수 있다.

npm install -g expo-cli

npx create-expo-app 앱이름

npm install -g eas-cli // eas 서비스 이용

Expo 회원가입 하기

https://expo.dev/signup 

Sign Up — Expo

 

eas(Expo Application Services)를 이용하면 쉽게 빌드 할 수 있다.

가장 쉬운 방법은 eas.json을 수정해서 build를 하는 것이다.

https://docs.expo.dev/build-reference/apk/

Build APKs for Android Emulators and devices

//eas.json
{
  "cli": {
    "version": ">= 3.13.0"
  },
  "build": {
    "preview": {
      "android": {
        "buildType": "apk"
      }
    },
    "preview2": {
      "android": {
        "gradleCommand": ":app:assembleRelease"
      }
    },
    "preview3": {
      "developmentClient": true
    },
    "production": {}
  },
  "submit": {
    "production": {}
  }
}

아래의 명령어를 치면 다운 가능한 apk파일이 만들어진다.

eas build -p android --profile preview

https://docs.expo.dev/

Expo Documentation

https://expo.dev/eas

Expo Application Services (EAS)