개요

NodeJs와 VueJs를 이용해 웹서버를 띄우고 구글 API와 구글 검색엔진 API KEY를 사용해 입력한 키워드에 대한 이미지를 검색해 크롤링하는 토이 프로젝트입니다.

사용방법

• 검색하고 싶은 키워드를 입력합니다.
• 키워드에 대한 이미지를 구글 검색엔진을 통해 받아옵니다.
• 이미지를 모두 모은 결과값을 압축파일 zip로 받아옵니다.
• 이미지는 최대 50개 까지 받아올 수 있습니다.
• cross origin header 이슈 해결을 위해 heroku 서버를 거쳐 blob url을 받아옵니다.

기능 요약

• 이미지 찾기 기능

배포된 Deploy URL

https://shlee0882.github.io/vuejs-nodejs-google-image-crawling/

설치방법 공유

• Nodejs 환경에서 테스트 해보기 : https://shlee0882.tistory.com/284?category=903333

• 프론트 연결해서 테스트 해보기 : https://shlee0882.tistory.com/285?category=903333

오픈 API 사용

npm을 사용하여 필요한 오픈API를 설치 및 사용

• url, request, jquery, axios
• fs
• google-images
• jszip, jszip-utils

실행하기

npm install
npm run serve

GitHub Pages 배포하기

1. gh-pages 설치하기

npm install --save gh-pages

2. package.json에 추가하기

"homepage": "https://shlee0882.github.io/vuejs-nodejs-google-image-crawling/"


"scripts": {
    "predeploy": "npm run build",
    "deploy": "gh-pages -d dist"
}

3. 배포하기

npm run deploy

4. 배포된 URL 확인하기

https://shlee0882.github.io/vuejs-nodejs-google-image-crawling/

레퍼런스

• https://github.com/vadimdemedes/google-images
• https://cli.vuejs.org/config/