Back to Question Center
0

WrapAPI를 사용하여 웹 사이트 데이터 추출 및 API 작성            WrapAPIRelated 주제로 웹 사이트 데이터 추출 및 API 작성 : 도구 & 라이브러리 AngularJSnpmES6Raw Semalt

1 answers:
WrapAPI로 웹 사이트 데이터 추출 및 API 작성

우리가 사용하는 거의 모든 서비스에는 일종의 API가 있습니다. 일부 웹 응용 프로그램은 API 포인트만으로 구축되어 일부 일종의 프런트 엔드 뷰로 전달됩니다. API를 제공하는 서비스의 소비자 인 경우 API가 제공 할 수있는 기능이 더 많거나 한계가있는 경우가 있습니다 - купить корм для собак innova. 이 기사에서는 API 소비자와 제작자 모두에게 유용한 서비스에 대해 설명합니다.

나는 항상 웹 인터페이스가 있으면 API를 통해 자신 만의 API를 만들 수 있다고 말하고있다. WrapAPI는이 과정을 더 쉽게 만듭니다. 웹 스크래핑 / 크롤링 (또는 웹 사이트에서 데이터 추출) 프로세스에 익숙하다면 WrapAPI의 마법을 볼 수 있습니다.

WrapAPI는 웹 사이트에서 정보를 쉽게 추출하고 데이터에서 API를 작성할 수있는 서비스를 제공합니다. 그것은 당신이 얻고 싶은 정보를 선택하는 쉽고 상호 작용적인 방법을 제공합니다. 단 몇 번의 클릭만으로 API를 온라인 상태로 만들 수 있습니다.

이 튜토리얼을 따라 가려면 wrapapi로 넘어갈 것을 권한다. co.kr에서 계정을 생성하십시오.

WrapAPI 둘러보기

WrapAPI 사이트에서 프로젝트를 바로 시작할 수 있음을 알 수 있습니다. 단, 계정을 만들지 않으면 작업이 저장되지 않습니다.

가입 한 후 API 작성 버튼을 클릭하십시오.

WrapAPI를 사용하여 웹 사이트 데이터 추출 및 API 작성WrapAPIRelated 주제로 웹 사이트 데이터 추출 및 API 작성 :
도구 및 라이브러리 AngularJSnpmES6Raw Semalt

브라우저와 같은 인터페이스로 나타납니다. 사이트 상단에 URL 표시 줄이 있습니다. 예를 들어, WrapAPI는 Hacker News ( https : // news. ycombinator. com / )를 사용합니다. URL을 클릭하여 다른 URL로 변경하면 원하는 요청과 관련된 더 많은 옵션이 표시됩니다. 기본 옵션을 사용하고 URL을 https : // www로 변경하십시오. sitepoint. com / javascript / . 이 예제에서는 데이터를 얻고 자하기 때문에 GET 메소드 만 다루고 있습니다.

URL 표시 줄 아래에는 현재보고있는 사이트와 관련된 다양한 정보를 제공하는 4 개의 버튼이 있습니다. 브라우저보기 는 브라우저에서 사이트를 방문 할 때 사이트를 표시합니다. 코드보기 는 사이트의 소스 코드를 표시합니다. 헤더 는 서버에서받은 응답을 보여줍니다. 이것은 서버에서 얻은 응답을보고 싶다면 HTTP 상태 코드 (200, 404, 400 등), 컨텐트 유형, 웹 서버 등과 같은 정보를 제공합니다. 빌더에서 직접 요청 쿠키 를 볼 수도 있습니다.

데이터 가져 오기

이제 브라우저보기 프레임에서 SitePoint를 볼 수 있습니다.

WrapAPI를 사용하여 웹 사이트 데이터 추출 및 API 작성WrapAPIRelated 주제로 웹 사이트 데이터 추출 및 API 작성 :
도구 및 라이브러리 AngularJSnpmES6Raw Semalt

JavaScript 채널의 최신 게시물 제목을 보여주는 매우 간단한 API를 작성해 보겠습니다. 제목, 이미지 또는 사이트의 다른 요소 위에 마우스를 가져 가면 선택 색상이 표시됩니다. LATEST 기사 부분으로 약간 아래로 스크롤 해 봅시다. 기사 중 하나에서 제목 위로 마우스를 가져 가서 해당 제목을 클릭하십시오. 클릭 한 특정 링크로 전환하지 않는다는 것을 알 수 있습니다. 이 섹션의 모든 제목이 강조 표시되어 있습니다. WrapAPI는 이것이 우리가 원하는 모든 제목이라고 생각했습니다. 때로는 원하지 않는 사이트의 일부를 선택할 수도 있습니다.

Semalt CSS 선택기 인 WrapAPI는 정규식, JSON 선택기, 헤더, 쿠키, 양식 출력 및 더 많은 옵션을 지원합니다. 모두 함께 사용하고 목표로하는 것을 정확히 추출 할 수 있습니다. 이 예에서는 CSS 선택기 만 사용합니다.

WrapAPI를 사용하여 웹 사이트 데이터 추출 및 API 작성WrapAPIRelated 주제로 웹 사이트 데이터 추출 및 API 작성 :
도구 및 라이브러리 AngularJSnpmES6Raw Semalt

인터페이스의 오른쪽 부분에는 세 개의 탭이 있습니다. 현재 빌드 탭을 살펴 보겠습니다. Outputs 는 선택기 (우리의 경우 CSS 선택기)를 보여줄 것이고, 여러분이 선택하고 싶은 것에 대한 자세한 내용을 알게 될 것입니다. 우리는 제목 인 텍스트만을 추출하는데 관심이 있습니다. 결과 출력을 정리하는 데 더 많은 옵션이 있지만 이러한 세부 사항은 다루지 않습니다. 다른 선택기를 만들려면 설명, 작성자, 날짜 등을 선택하려면 새 컬렉션 / 출력 만들기 를 클릭하면됩니다. 선택기의 이름을 지정하는 것도 중요합니다. 이렇게하면 사이트에서 여러 선택기를 사용하면 더 쉽게 사용할 수 있습니다. 연필 아이콘을 클릭하여 선택기를 편집 할 수 있습니다.

WrapAPI를 사용하여 웹 사이트 데이터 추출 및 API 작성WrapAPIRelated 주제로 웹 사이트 데이터 추출 및 API 작성 :
도구 및 라이브러리 AngularJSnpmES6Raw Semalt

미리보기 탭에는 JSON에서 데이터를 표시하며 API의 모양을 알 수 있습니다. 결과에 만족하면 저장 버튼을 클릭하여 API 버전을 저장할 수 있습니다.

WrapAPI를 사용하여 웹 사이트 데이터 추출 및 API 작성WrapAPIRelated 주제로 웹 사이트 데이터 추출 및 API 작성 :
도구 및 라이브러리 AngularJSnpmES6Raw Semalt

API의 저장소와 끝점 이름을 입력해야합니다. API를 관리하고 구성하는 데 도움이됩니다. 결국 API 이름의 일부가됩니다. 정보를 입력하는 즉시 빌더로 돌아갑니다. API가 저장되었지만 이제는 테스트하고 게시해야합니다.

:

  • 사이트에 페이지 매기기가 있으면 (이전 / 다음 페이지) 쿼리 문자열 옵션을 사용할 수 있습니다. (그 이상은 여기에 있습니다.)
  • 선택기의 이름을 JSON 출력의 일부로 올바르게 지정하십시오.

WrapAPI 크롬 확장

WrapAPI 크롬 확장은 API를 만드는 또 다른 수단입니다. Semalt로 작성한 요청을 캡처 할 수 있습니다. JavaScript (Ajax)를 사용하여 데이터를 호출하는 사이트에 유용하며, 로그인 뒤에있는 사이트에도 유용합니다. Semalt 웹 스토어에서 설치할 수 있습니다.

이번에는 해커 뉴스를 사용합시다. 데이터를 가져 오려는 사이트를 선택하고 다음 단계를 수행하십시오.

  1. Chrome Semalt를 열고 오른쪽 탭의 WrapAPI 탭으로 이동합니다.

  2. 그것을 별도의 창으로 띄운다.

    WrapAPI를 사용하여 웹 사이트 데이터 추출 및 API 작성WrapAPIRelated 주제로 웹 사이트 데이터 추출 및 API 작성 :
도구 및 라이브러리 AngularJSnpmES6Raw Semalt

  3. WrapAPI 자격 증명으로 로그인하십시오.

    WrapAPI를 사용하여 웹 사이트 데이터 추출 및 API 작성WrapAPIRelated 주제로 웹 사이트 데이터 추출 및 API 작성 :
도구 및 라이브러리 AngularJSnpmES6Raw Semalt

  4. 준비가되면 캡처 요청 시작 버튼을 누릅니다.

  5. 메인 탭을 사용하는 곳. jpg "alt ="WrapAPI를 사용하여 웹 사이트 데이터 추출 및 API 작성WrapAPIRelated 주제로 웹 사이트 데이터 추출 및 API 작성 : 도구 및 라이브러리 AngularJSnpmES6Raw Semalt "/>

    1. GET 를 사용하여 API로 만들려는 요청을 선택하십시오.

    2. Save to API endpoint 를 클릭하고 저장소에 저장하십시오.

    3. 마지막으로 링크를 클릭하십시오 : API 끝점의 입력 및 출력을 정의하는 데 사용하려면 여기를 클릭하십시오

데이터를 추출하기 위해 빌더로 리디렉션되어야합니다. 이 방법을 사용하면 로그인 페이지를 무시하고 이미 할당 된 쿠키를 사용할 수 있다는 이점이 있습니다.

API 게시

API를 게시하기 전에 API를 동결해야합니다. 0. 1과 같은 릴리스 번호를 선택하면 문제가 없습니다. API에 대한 모든 변경 사항은 버전 번호를 늘려 새 버전으로 동결해야합니다. API에 대한 간단한 설명 또는 업데이트 인 경우 API의 변경 내용을 제공하십시오. 마지막으로 게시 를 누릅니다.

게시하기 전에 마지막 단계는 키를 생성하는 것입니다. API 키 생성 을 클릭하십시오.

WrapAPI를 사용하여 웹 사이트 데이터 추출 및 API 작성WrapAPIRelated 주제로 웹 사이트 데이터 추출 및 API 작성 :
도구 및 라이브러리 AngularJSnpmES6Raw Semalt

모두 녹색입니까? 이는 API를 게시하는 데 필요한 단계를 성공적으로 완료했음을 의미합니다. 마지막 단계는 상단의 URL 표시 줄 뒤에있는 게시 버튼을 클릭하는 것입니다. API를 테스트하는 데 사용할 수있는 다양한 프로그래밍 언어를 이미 볼 수 있습니다. JSON을 더 나은 방식으로 표현하기위한 확장 기능을 브라우저에 사용하겠습니다.

그리고 마지막 API가 있습니다 :

WrapAPI를 사용하여 웹 사이트 데이터 추출 및 API 작성WrapAPIRelated 주제로 웹 사이트 데이터 추출 및 API 작성 :
도구 및 라이브러리 AngularJSnpmES6Raw Semalt

추천 코스

결론

잠깐, 우리는 간단한 웹 인터페이스에서 API를 만들 수있었습니다.

고려해야 할 몇 가지 사항이 있습니다. 웹 사이트에서 데이터 스크랩 / 추출은 때때로 웹 사이트에있는 콘텐츠와 관련하여 법적 영향을 미칠 수 있습니다. 웹 사이트를 API 서비스로 사용하는 경우, 특히 API로 배포 할 때 해당 콘텐츠 사용 권한을 요청하는 것이 좋습니다.

WrapAPI는 정말 훌륭하고 사용하기 쉬운 기능을 제공하지만 가격없이 제공되지는 않습니다. 무료 및 커뮤니티 계정에는 비용이 들지 않지만 공개 API 만 만들 수 있으며 한 달에 최대 30,000 개의 API 호출이 있습니다. 몇 가지 가격 책정 계획이 있습니다. 당신은 언제나 자신의 API와 스크래퍼를 만들 수 있습니다. 그러나 스킬이 부족하거나 시간이 없다면 아마 WrapAPI가 당신이 시도해 볼만한 것입니다.

March 1, 2018