Streamlit Github pages 만들어 배포하는 방법

 

안녕하세요

 

오늘은 Streamlit Github 연동하여 배포하는 방법을 알려드리겠습니다.

 

1.깃허브 로그인

2.레포지토리 클릭

3.New 클릭

4.Add .gitignore

5.create repository 클릭

6.퍼블릭 오픈 완성 및 code 클릭

7.HTTPS 클릭 후 코드 복사

8.C드라이브에 Git bash here 생성

10.해당 폴더로 이동

11.가상환경 만들기

12.가상환경 실행

13.streamlit, pandas 설치

14.hello.py 파일 생성

15.명령문 실행

16.깃 업데이트

17.웹사이트 등록

 

 

1.로그인

먼저 깃허브 로그인하고

 

 

2.레포지토리 클릭

 

 

3.New 클릭

New 클릭해서 이름 지정하고 퍼블릭과 readme file 체크해줍니다.

4.Add .gitignore

Add .gitignore에서 파이썬을 선택해줍니다.

5.create repository 클릭

6.퍼블릭 오픈 완성 및 code 클릭

7.HTTPS 클릭 후 코드 복사

8.C드라이브에 Git bash here 생성

한글경로는 피해주시기 바랍니다.

 

9.cmd창 자동생성 및 git clone shift+insert 입력

이 화면이 뜨면 정상적으로 다운이 된 것입니다.

그러면 새로운 폴더가 이렇게 생겼습니다.

이후부터는 git bash로 이동해서 계속 수정작업을 해주면 됩니다.

10.해당 폴더로 이동

cd C:\240321_streamlit01

code .

 

11.가상환경 만들기

new terminal 띄어서 Git bash 모드로 가상환경을 하나 생성해줍니다.

virtualenv venv

 

깔리지 않았으면

pip install virtualenv 다운하고 다시 실행시켜 줍니다.

그래도 안되면

python -m venv venv

 

12.가상환경 실행

source venv/Scripts/activate

 

13.streamlit, pandas 설치

pip install streamlit

 

pip install pandas

 

14.hello.py 파일 생성

streamlit 공식 사이트에서 아무 코드나 복사해와서

vscode에 새로운 파일을 하나 생성하여 붙혀넣어줍니다.

https://docs.streamlit.io/get-started/tutorials/create-a-multipage-app

Create a multipage app - Streamlit Docs

Home / Get started / Tutorials / Create a multipage app Create a multipage app In Additional features , we introduced multipage apps, including how to define pages, structure and run multipage apps, and navigate between pages in the user interface. You can read more details in our guide to Multipage...

docs.streamlit.io

15.명령문 실행

streamlit run Hello.py

16.깃 업데이트

처음 사용하시는 분들은 먼저 이메일과 이름을 등록해줘야 합니다.

git config --global user.email "메일아이디"

git config --global user.name "아이디"

 

다음으로 다음 두줄 명령문을 실행합니다.

git add .
git commit

 

다음과 같이 업로드가 되었습니다.

마지막으로 git push 업로드를 해줍니다.

완료가 되었습니다.

업데이트가 안될경우,

만드신 파일을 직접 업로드해줍니다.

17.웹사이트 등록

settings- Pages

Branch None 을 main으로 변경해주시고

save 눌러줍니다.

Deploy 하는데 시간이 좀 걸립니다.

1분 정도 후 나갔다가 오시면

이렇게 웹사이트가 만들어집니다:)

감사합니다.