>웹 프론트엔드 >H5 튜토리얼 >Node.js가 Douban 데이터를 크롤링하는 예

Node.js가 Douban 데이터를 크롤링하는 예

php中世界最好的语言
php中世界最好的语言원래의
2018-03-27 15:18:362299검색

이번에는 Douban 데이터를 크롤링하는 Node.js 예제를 가져왔습니다. Node.js가 Douban 데이터를 크롤링하는 주의 사항은 무엇인가요?

저는 항상 제 vue가 좋다고 생각했고, webpack이 좋다고 생각했어요. 오늘 MOOC에서 node를 검색하다가 아직 멀었다는 걸 깨달았습니다. 다들 아시다시피 vue-cli는 webpack 기반이고, webpack은 node 기반입니다. node를 모른다면 webpack을 어떻게 이해할 수 있을까요? 그래서 아직 초기 단계인 Douban 데이터를 크롤링하기 위해 스스로에게 질문을 던졌습니다. 오늘은 Douban에서 크롤링한 데이터에 대해 간략하게 설명하고 나중에 다른 페이지에 자신만의 방식으로 표시해 보겠습니다.

1. 해결해야 할 문제

  1. 서비스 구축

  2. 크롤링 데이터 처리 방법

  3. 기본 브라우저를 자동으로 여는 방법

2. 서비스 구축 처음에는 http를 사용했는데, http의 한 가지 단점은 https 프로토콜의 URL을 파싱할 수 없다는 것이므로 express를 사용하여 https 프로토콜의 URL을 파싱했습니다. .

오늘 URL

https://

movie.douban.com/chart를 크롤링해보니 아래와 같이 사진, 영화 이름, 영화 링크 세 부분이 있습니다.

3. 크롤링된 데이터를 처리하는 방법

요청을 사용하여 크롤링한 데이터를 처리하는 방법은 무엇입니까? Cherio 패키지를 사용하면 Jq와 같이 크롤링된 HTML 데이터를 처리할 수 있습니다.

①. 먼저 데이터를 구문 분석하고 크롤링된 웹 페이지의 html 데이터를 가져옵니다. 그런 다음 Cherio 패키지를 사용하여 원하는 데이터를 가져옵니다.

3. 데이터를 가져와서 HTML을 생성하고 페이지에 출력합니다. 아래 사진처럼

string

접합을 사용했습니다. 방법이 좀 바보같고 아직 더 나은 방법을 찾지 못했습니다.

4. 기본 브라우저를 자동으로 여는 방법

브라우저와 vue-cli에서 사용하는 opn 패키지를 자동으로 열 수 있도록 vue-cli의 webpack 구성을 살펴보셨는지 궁금합니다.

이 패키지는 사용하기 매우 편리합니다.

5. 디스플레이

케이스를 읽으신 후 방법을 익히셨을 것입니다. 이 기사에서 더 흥미로운 내용을 보려면 중국 웹사이트의 PHP에 주목하세요.

추천 자료:

H5를 사용하여 금지된 크기 조정 추가

WebGL이 json 및 echarts 차트를 작동하는 방법


HTML5에서 그림 회전의 애니메이션 효과를 얻는 방법

위 내용은 Node.js가 Douban 데이터를 크롤링하는 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.