last_viewed
データ。免責条項
last_viewed情報を理解する
各プレーヤーには、プレーヤーがロードされた回数の記録を含む配列が関連付けられています。この情報は配列名に格納されますlast_viewed
。このような配列の例を以下に示します。注意してくださいcount
特定のプレーヤーがロードされた1日の回数を記録します。ザ・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"
}
]
アプリケーションのアーキテクチャ
このアプリの高レベルのアプリケーションロジックは次のとおりです。
- アカウント内のすべてのプレーヤーの情報を取得するために必要なユーザーデータを収集します
- JSON データ構造を構築し、プレーヤー作成用の API に渡す
- ボタンをクリックしたら、AJAX呼び出しを実行して、アカウント内のすべてのプレーヤーの情報を取得します
- AJAX呼び出しが成功したら、抽出しますlast_viewed各プレーヤーの配列。
- プレーヤーごとに、 last_viewed表の情報
サンプルアプリ
ソースコード
このサンプルに関連付けられているすべてのコードを、この GitHub リポジトリで検索します。
アプリに関する注意事項:
- データを入力しない場合、Brightcove LearningServicesアカウントがデモンストレーション目的で使用されます。
- 表をより読みやすい幅で表示するには、をクリックします。 CODEPENで編集リンク。
- 生のプレーヤーデータは、表示したい場合は、テキストボックスのテーブルの下に表示されます。
ペンを見るプレーヤーのlast_viewed統計を収集する Brightcove Learning Services( @ rcrooks1969) オンCodePen。
CodePen を使用する
上記のCodePenを効果的に使用するためのヒントは次のとおりです。
- [ 結果 ] ボタンをクリックして、プレーヤーの実際の表示を切り替えます。
- HTML/CSS/JS ボタンをクリックして、コードタイプの 1 つを表示します。
- 右上隅にある CodePen の編集をクリックして、この CodePen を自分のアカウントにフォークします。
- このサンプルに関連付けられているすべてのコードを、この GitHub リポジトリで検索します。
プロキシコード
このページのサンプルアプリを独自のバージョンで作成するには、独自のプロキシを作成してホストする必要があります。(Brightcoveラーニングサービスで使用されるプロキシは、Brightcoveのドメインからのリクエストのみを受け付けます)。サンプルプロキシは、私たちが使用しているものと非常に似ていますが、BrightCove 以外のドメインからのリクエストをブロックするチェックがないサンプルプロキシは、この GitHub リポジトリにあります。また、そこで使用するための基本的な手順と、 REST API の使用で説明されているプロキシの周りにアプリを構築するためのより精巧なガイドがあります。