概述
要了解有關此示例應用程序的體系結構的一般方法,特別是身份驗證和AJAX實現,請參閱 使用HTTPRequest的示例.
應用架構
此應用程序的高級應用程序邏輯如下:
- 收集訪問帳戶所需的用戶數據
- 單擊按鈕後,執行AJAX調用以檢索所有 player 信息
- 在AJAX呼叫成功時,執行以下操作:
- 將JSON響應數據注入HTML頁面
- 動態構建顯示的HTML player 信息在有序列表中,並將其註入HTML頁面
示例應用
源代碼
在中找到與此示例相關的所有代碼 這個GitHub倉庫.
示例應用
見筆 顯示屏 Players 通過Brightcove學習服務(@ rcrooks1969)上 CodePen.
使用CodePen
以下是有效使用上述CodePen的一些技巧:
- 切換 player 通過點擊 結果 按鈕。
- 點擊 HTML / CSS / JS 按鈕顯示一種代碼類型。
- 點擊 在CodePen上編輯 在右上角將此CodePen分支到您自己的帳戶中。
- 在此找到與此樣本相關的所有代碼 GitHub存儲庫.
代理代碼
為了在此頁面上構建自己的示例應用程序版本,您必須創建並託管自己的代理。 (Brightcove Learning Services使用的代理僅接受來自Brightcove域的請求。)一個示例代理與我們使用的代理非常相似,但是沒有可以阻止來自非Brightcove域的請求的檢查。 這個GitHub倉庫。 您還將在此處找到使用它的基本說明,以及有關在Proxy中構建應用的更詳盡的指南。 使用REST API.