[Web]BLACKPINK IN YOUR AREA-9-python으로 HTML+js 자동수정

9.17 3:00 PM 포스팅 시작

 

• 도메인 등록

일단 도메인등록부터 하려고했는데

S3으로 웹호스팅하려면 s3 버킷 이름과 레코드 이름이 같아야하는것 같다

 

2단계: 두 개의 버킷 생성

루트 도메인 및 하위 도메인의 요청을 모두 지원하려면 두 개의 버킷을 생성합니다.

• 도메인 버킷 - example.com
• 하위 도메인 버킷 - www.example.com

이러한 버킷 이름은 도메인 이름과 정확히 일치해야 합니다. 이 예제에서 도메인 이름은 example.com입니다. 루트 도메인 버킷(example.com)에서 콘텐츠를 호스팅합니다. 하위 도메인 버킷(www.example.com)에 대한 리디렉션 요청을 만듭니다. 누군가가 브라우저에 www.example.com을 입력하면 example.com으로 리디렉션되고 해당 이름을 가진 Amazon S3 버킷에서 호스팅되는 콘텐츠가 표시됩니다.

 

 

ㅋㅋ 난 몰랐지

여튼 버킷을 다시 생성해주고

연결해놨던 버킷 이름들을 모두 수정해줬다

domain 등록

 

• 웹 수정

웹을 꾸며보자

 

우선 메인화면의 백그라운드를 바꿔줬고

메뉴에서 블핑 맴버들의 인스타로 접속할 수 있게끔 링크를 설정해줬다

그리고 아래 메뉴에서는 페이지에 디폴트로 설정된 값들을 없애주고

인스타처럼 사진을 볼 수 있게끔 해놨다

 

• 이름 수정

버킷 바꾸는 김에 웹사이트 이름도 블핑 시그니처 사운드로 바꿨다 ㅋㅋ

 

• python 으로 html 스크립트 수정

새로 파일이 추가되면 html 파일도 한줄이 추가되어야 하는데

이걸 구현하려고 여러방면으로 찾아보다가

os 모듈의 open, write, close 로 구현할 수 있을것 같아서 코딩해봤다

간접적으로 접근한건데

index.html 에서 변하는 코드는 이미지 파일을 보여주는 곳 뿐이니까

html 파일을 문자열로 변수에 저장한다고 했을때

불변, 가변, 불변 하는 3개의 변수로 저장한 다음

가변하는 변수에 오늘 추가되는 파일명과 태그를 합쳐서 넣어준 다음 기존 2개 변수와 합쳐서

wirte() 해준 후 저장해주고 s3로 쏴주면 되겠다 라는 생각을 했다

 

계속 수정되어야 하는 부분은 txt 파일로 저장해서 활용하려고 했다

https://sskaki.tistory.com/entry/%ED%8C%8C%EC%9D%B4%EC%8D%AC-%EA%B8%B0%EC%B4%88-txt-%ED%8C%8C%EC%9D%BC-%EB%B6%88%EB%9F%AC%EC%98%A4%EA%B8%B0-%EB%A6%AC%EC%8A%A4%ED%8A%B8-%EB%8D%B0%EC%9D%B4%ED%84%B0-%ED%94%84%EB%A0%88%EC%9E%84%EC%9C%BC%EB%A1%9C-%EC%A0%80%EC%9E%A5%ED%95%98%EA%B8%B0

파이썬 기초 - txt 파일 불러오기 & 리스트, 데이터 프레임으로 저장하기 -

 

코드 양이 많아져서 글로 쓰기 힘든데

일단 ec2에서 동작하는 python 파일은 5개다

 

_instarloader.py 에서 크롤링을 해오고

_puth_to_s3.py 에서 이미지 파일을 s3로 보낸다

_edithtml.py 에서 index.html 파일 코드를 수정한다

idpass.py 에는 id pass 정보를 따로 담아놨고

__main__.py 에서 동작한다

 

 

 

다 했다 싶어서

테스트해보니까

s3 로 호스팅한 주소로 들어가면

웹사이트가 들어가지는게 아니라

html 파일이 다운로드 된다;;

왜 ㅈㄹ인지 모르겠다

로컬에선 잘 되는데 s3에 버전을 추가하니까 웹으로 들어가지지 않고 html이 다운로드 되버린다

진짜 왜 지랄이지

 

한 4시간 정도 이거땜에 고생했는데

내 컴퓨터가 아니라 다른컴퓨터에서 접속하면 잘 된단다 ㅋㅋ

내 캐시 지우니까 잘됨 ㅋㅋ

아

ㅋㅋ

난 뭐랑싸운거임

 

이제 기본값으로 입력되있는거 대충 다 바꾸고

 

마지막으로 서버 24시간으로 돌려놓고 끝내자

 

진짜 진빠진다

 

끝났다

현재시간 9.17 11:38 PM

 

• 완성 링크

blackpinkinyourarea.cyaninn.com

 

• 깃허브

https://github.com/cyanindy/web-blackpinkinyourarea

GitHub - cyanindy/web-blackpinkinyourarea: download instargram crawling

 

다음주 안에 기간 안에 추가하지 못한 기능들을 추가하고

프로젝트를 마무리 해보자