Client SDK のインストール
スクリプト ファイルを使用してインストールする
CDN を使用してインストールする
index.html
ファイルを変更し、ページの下部に (</body>
終了タグの直前) infragistics.reveal.js
スクリプトを含めます。
<script src="https://dl.revealbi.io/reveal/libs/1.7.4/infragistics.reveal.js"></script>
JavaScript ファイルを使用してインストールする
Reveal CDN を使用できない場合は、独自のドメインで Reveal SDK JavaScript ファイルをホストすることもできます。Reveal SDK 配布ファイルは、次のリンクからダウンロードできます:
https://dl.revealbi.io/reveal/libs/1.7.4/reveal-sdk-distribution-js.zip
1 - クライアント アプリケーションで assets
と呼ばれる新しいフォルダーを作成し、assets
フォルダー内に reveal
と呼ばれる別のフォルダーを作成します。
2 - Reveal SDK ディストリビューション ファイルからすべての JavaScript ファイルを、前に作成した assets/reveal
フォルダーにコピーします。
3 - index.html
ファイルを変更し、ページの下部に (</body>
終了タグの直前) infragistics.reveal.js
スクリプトを含めます。
<script src="./assets/reveal/infragistics.reveal.js"></script>
依存関係の追加
Reveal SDK が正しく機能するには、次の依存関係が必要です。
Jquery 2.2 またはそれ以降
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
Day.js 1.8.15 またはそれ以降
<script src="https://unpkg.com/dayjs@1.8.21/dayjs.min.js"></script>
index.html
ファイルを変更し、ページの下部に (infragistics.reveal.js
スクリプトの直前) すべての依存関係スクリプトを含めます。
最終の index.html
ファイルは以下のようになります。
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Reveal Sdk - HTML/JavaScript</title>
</head>
<body>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
<script src="https://unpkg.com/dayjs@1.8.21/dayjs.min.js"></script>
<script src="./assets/reveal/infragistics.reveal.js"></script>
</body>
</html>