WEB 빌드

GateKeyPer의 웹 솔루션 구성을 위한 환경구축 / 방법 안내

WEB(Ver3) 빌드

git clone https://github.com/osamhack2021/IoT_GateKeyPer_Keeper.git
cd IoT_GateKeyPer_Keeper/WEB\(Ver3\)/

디렉토리 이동 후 index.html 파일 실행

WEB(Local) 빌드

git clone https://github.com/osamhack2021/IoT_GateKeyPer_Keeper.git
cd IoT_GateKeyPer_Keeper/WEB\(Ver4\)/WEB\(Local\)/

디렉토리 이동 후 0_Login.html 파일 실행

WEB(Flutter) 빌드

git clone https://github.com/osamhack2021/IoT_GateKeyPer_Keeper.git
cd IoT_GateKeyPer_Keeper/WEB\(Ver4\)/WEB\(Flutter\)/
flutter run -d chrome
//or flutter run -d edge, other device...

호스팅 하기

본 웹 솔루션은 firebase를 통하여 빠르고 정확하게 서비스를 개발 후 배포하실 수 있습니다.

git clone https://github.com/osamhack2021/IoT_GateKeyPer_Keeper.git
cd IoT_GateKeyPer_Keeper/WEB\(Ver4\)/WEB\(Flutter\)/

//firebase 설치. 기존에 설치시 넘기기
sudo npm install -g firebase-tools

//firebase에 로그인하
firebase login
firebase init

//firebase 설정하기
// Hosting -> Use an existing project -> build/web -> Y -> N
// 설정 완료

//프로젝트 빌드하기
flutter build web

//프로젝트 배포하기(호스팅)
firebase deploy

Next. 솔루션 사용 방법

구축 완료한 솔루션을 사용하는 방법에 대해 소개합니다.

• 자물쇠 여닫는 방법 소개

• 데이터 확인하는 방법 소개

• 솔루션을 활용한 예상 상황 소개