-
[NodeJS]Flutter로 만든 웹 NodeJS&Express로 웹페이지 운영 방법Development/NodeJS 2022. 12. 15. 16:45728x90
참고
https://ryugang.tistory.com/17
[Flutter] Web html 파일 빌드
참고 https://ryugang.tistory.com/8 [Flutter] web 으로 실행 문제 작성된 flutter를 모바일 환경이 아닌 웹브라우저에 빌드하는 방법이다. 해결 Window 1. [control] + [shift] + P 2. Flutter: Select Device 3. Chrome 4. Start Debu
ryugang.tistory.com
문제
Flutter 로 만든 웹페이지를 NodeJS로 웹페이지를 운영하는 방법을 알아본다.
방법
1. 위 참고에서 생성된 web 폴더에 index.js 파일을 만들어 아래 코드를 작성한다.
const express = require('express'); const app = express(); app.use(express.static(__dirname)); app.get("/", (req, res) => { // abc.com/ 으로 들어온다면.. res.sendFile(__dirname + "/index.html") //해당 폴더에 있는 index.html을 표시 }) app.listen(80 , () => { //80포트를 사용중이면 포트번호 수정하길.. console.log("80 homepage run"); })
2. 외부접속을 하기 위해 Express 모듈이 필요하다.
터미널에서 index.js 디렉터리에서 입력을 하면 해당 모듈이 다운&설치된다.
npm install express
3. 해당 명령어를 입력하면 웹페이지가 접속이 가능하다.
node index.js
결과
80포트로 실행 http://localhost:80 // :[내가 설정한 포트] 입력시 브라우저로 접속이 가능하다.
공유기 포트포워딩이나, 사용하는 시스템 인바운드 규칙을 설정하면 local에서가 아닌 외부에서도 웹페이지가 접속할 수 있다.
ㄴ외부에서 your_IP:port 입력 시 웹페이지 접속