メインコンテンツまでスキップ

Node.js を使用した Reveal SDK サーバーの設定

手順 1 - Node.js プロジェクトの作成​

1 - コマンドラインを開き、reveal-server-node という名前のディレクトリを作成します。

mkdir reveal-server-node

2 - コマンドライン パスを新しく作成したディレクトリに変更します。

cd reveal-server-node

3 - ディレクトリで npm を初期化します。

npm init -y

4 - express フレームワークをインストールします。

npm install express

5 - VS Code でプロジェクトを開きます。

code .

6 - main.js という名前の新しいファイルを作成し、次のコードを追加します:

main.js
var express = require('express');

const app = express();

app.listen(8080, () => {
	console.log(`Reveal server accepting http requests`);
});

手順 2 - Reveal SDK の追加​

1 - Node.js 用の Reveal SDK をインストールします。

npm install reveal-sdk-node

2 - main.js ファイルを変更して Reveal を追加します。

var express = require('express');
var reveal = require('reveal-sdk-node');

const app = express();

app.use('/', reveal());

app.listen(8080, () => {
	console.log(`Reveal server accepting http requests`);
});

手順 3 - ダッシュボード フォルダーの作成​

1 - Visual Studio Code で、エクスプローラーの [新しいフォルダー] ボタンをクリックし、dashboards という名前を付けます。フォルダーの名前は dashboards にしてください。

デフォルトで、Reveal SDK は dashboards フォルダーからすべてのダッシュボードを読み込む規則を使用します。この規則を変更でするにはカスタムの IRVDashboardProvider を作成します。

手順 4 - CORS ポリシー (デバッグ) の設定​

アプリケーションの開発とデバッグでは、サーバーとクライアント アプリを異なる URL でホストするのが一般的です。たとえば、サーバーは https://localhost:24519 で実行されますが、Angular アプリは https://localhost:4200 で実行されます。クライアント アプリケーションからダッシュボードを読み込もうとすると、Cross-Origin Resource Sharing (CORS) ポリシーが原因で失敗します。このシナリオを有効にするには、CORS ポリシーを作成し、サーバー プロジェクトで有効にする必要があります。

1 - cors パッケージをインストールします。

npm install cors

2 - main.js ファイルを変更して cors を有効にします。

main.js
var express = require('express');
var cors = require('cors');
var reveal = require('reveal-sdk-node');

const app = express();

app.use(cors()); // DEVELOPMENT only! In production, configure appropriately.

app.use('/', reveal());

app.listen(8080, () => {
	console.log(`Reveal server accepting http requests`);
});

手順 5 - Node.js サーバーの起動​

最後の手順は、次のコマンドを実行して Node.js サーバーを起動することです。

node main.js
コードの取得

このサンプルのソース コードは GitHub にあります。