Developer Brain

android studio쓰면 run 클릭시 크롬으로 바로 볼수가있는데 (flutter run -d chrome)

web으로 만든것을 같은 wifi내에 공유하려면 서버를 띄워야한다.

1. web 빌드

flutter build web

2. 프로젝트 build/web로 이동

cd build/web 후 

python -m http.server [포트번호]   ex) python -m http.server 50000 (mac은 python 기본탑제,window는 깔아야함)

끝

같은 wifi내에서 접속가능하다

브라우저 탭에 작게있는 아이콘 변경하기

https://favicon.io/favicon-converter/

들어가서 원하는 이미지를 converter 하여서 다운받는다 

압축된 파일을 받아서 풀고 favicon.ico 파일을 플러터 web 폴더 안에 넣는다 favicon.png는 지워준다 

title위쪽에 favicon 부분을 복사하여 붙여넣는다 

web - index.html 안에 아래 코드를 넣는다 

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">

ex)

  <!-- iOS meta tags & icons -->
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="resume_web">
  <link rel="apple-touch-icon" href="icons/Icon-192.png">

  <!--Favicon-->
  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
  <link rel="icon" href="favicon.ico" type="image/x-icon">

  <title>resume_web</title>

끝

firebase 웹 배포 시 전에 프로젝트를 삭제했을 경우 

firebaserc already has a default project라는 에러가뜬다 

이럴땐 프로젝트 콘솔에서

firebase use --add 을 실행하면 프로젝트를 다시 선택할수있다 

참고 : https://stackoverflow.com/questions/57858029/unable-to-change-the-default-project-to-deploy-my-project-on-firebase-hosting

플러터 프로젝트를 만들자 

flutter 설치한 경로 지정

web에 반드시 체크한다 

firebase 프로젝트를 새로만든 후 hosting 탭에 시작하기를 누른다

nodejs를 이용해서 설치를 해야한다 (node 설치가 안되어있다면 설치해야함)

cmd창 켠다 

firbase-tools 설치

설치 후 웹에서 다음을 클릭

아까 연 cmd창에 firebase login 입력하면 이미 로긴됬다고 뜰것이다 (안뜨면 로그인하면된다)

아까만든 프로젝트 terminal에서 firebase init 실행  yes

여러가지중 Hosting 위에꺼 space바로 누른 후 엔터 

아까만든 firebase project 선택

flutter build 위치 경로 설정 (**중요)

페이지갯수에맞게 설정 (예제는 페이지1개라 y)

ci 설정(일단 n) 

flutter build web 으로 빌드를 한번한다 

거의다했다

프로젝트에 터미널에서 firebase deploy 실행

url과 함께 호스팅 성공 아래 링크를 누르면

flutter 기본예제앱이 호스팅된걸 볼수있다 

오랜만에 다시하려는데 아래와 같은 오류가 뜬다면

Please make sure the project exists and your account has permission to access it.

firebase login --reauth 실행하고 다시로긴 

=========================================

코드 수정 이후 다시 올리고 싶다면?

flutter build web 후 

firebase deploy 실행