last_viewed데이터 사용

이 항목에서는 플레이어last_viewed데이터를 사용한 보고서에 대해 알아봅니다.

면책

마지막으로 본 정보 이해하기

각 플레이어는 플레이어가로드 된 횟수에 대한 기록을 포함하는 배열을 연결했습니다. 이 정보는 배열 이름에 저장됩니다last_viewed . 이러한 배열의 예는 아래에서 볼 수 있습니다. 참고로, 해당 날짜에 특정 플레이어가 로드된 시간을count기록합니다. 는 특정 날짜를date지정합니다.

    [
      {
        "count": 13,
        "date": "2018-10-24T05:00:00.000Z"
      }, {
        "count": 22,
        "date": "2018-10-23T05:00:00.000Z"
      }, {
        "count": 40,
        "date": "2018-10-22T05:00:00.000Z"
      }, {
        "count": 2,
        "date": "2018-10-21T05:00:00.000Z"
      }
    ]

앱 아키텍처

이 앱의 상위 수준 응용 프로그램 논리는 다음과 같습니다.

  1. 계정의 모든 플레이어에 대한 정보를 검색하는 데 필요한 사용자 데이터를 수집합니다.
  2. 플레이어 생성을 위해 API에 전달할 JSON 데이터 구조 구축
  3. 버튼 클릭시 AJAX 호출을 수행하여 계정의 모든 플레이어에 대한 정보를 검색합니다.
  4. AJAX 호출 성공 시 각 플레이어의 last_viewed배열을 추출합니다.
  5. 각 플레이어에 대해 테이블에마지막으로 본정보를 표시합니다.

샘플 앱

소스 코드

이 GitHub 리포지토리에서이 샘플과 관련된 모든 코드를 찾아보세요 .

앱 참고 사항:

  • 데이터를 입력하지 않으면 Brightcove Learning Services 계정이 데모 목적으로 사용됩니다.
  • 표를 더 읽기 쉬운 너비로 보려면 CODEPEN에서 EDIT ON CODEPEN을클릭하십시오.
  • 보기에 관심이있는 경우 원시 플레이어 데이터가 텍스트 상자의 테이블 아래에 표시됩니다.

펜 보기플레이어가 마지막으로 본 통계 수집 Brightcove 학습 서비스( @rcrooks1969 ) 에코드펜 .

코드펜 사용

위의 CodePen을 효과적으로 사용하기위한 몇 가지 팁은 다음과 같습니다.

프록시 코드

이 페이지에서 자신의 버전을 샘플 응용 프로그램을 빌드하려면 자신의 프록시를 만들고 호스팅해야합니다. (브라이트코브 학습 서비스에서 사용하는 프록시는 브라이트코브 도메인의 요청만 허용합니다.) 우리가 사용하는 것과 매우 유사하지만 BrightCove가 아닌 도메인의 요청을 차단하는 검사가 없는 샘플 프록시는이 GitHub 리포지토리에서 찾을 수있습니다. 또한 REST API 사용에서프록시를 사용하기 위한 기본 지침과 프록시를 중심으로 앱을 빌드하기 위한 보다 자세한 안내서를 찾을 수있습니다.