# WEB 빌드

## [WEB(Ver3)](https://github.com/osamhack2021/IoT_GateKeyPer_Keeper/tree/master/WEB\(Ver3\)) 빌드

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

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

## [WEB(Local)](https://github.com/osamhack2021/IoT_GateKeyPer_Keeper/tree/master/WEB\(Ver4\)/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)](https://github.com/osamhack2021/IoT_GateKeyPer_Keeper/tree/master/WEB\(Ver4\)/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. 솔루션 사용 방법

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

* 자물쇠 여닫는 방법 소개
* 데이터 확인하는 방법 소개
* 솔루션을 활용한 예상 상황 소개
