Node.js を使用した Reveal SDK サーバーの設定
手順 1 - Node.js プロジェクトの作成
1 - コマンドラインを開き、reveal-server-node という名前のディレクトリを作成します。
mkdir reveal-server-node
2 - コマンドライン パスを新しく作成したディレクトリに変更します。
cd reveal-server-node
3 - ディレクトリで npm を初期化します。
- npm
- Yarn
- pnpm
npm init -y
yarn init -y
pnpm init -y
4 - express フレームワークをインストールします。
- npm
- Yarn
- pnpm
npm install express
yarn add express
pnpm add express
5 - VS Code でプロジェクトを開きます。
code .
6 - 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
- Yarn
- pnpm
npm install reveal-sdk-node
yarn add reveal-sdk-node
pnpm add 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
- Yarn
- pnpm
npm install cors
yarn add cors
pnpm add cors
2 - main.js
ファイルを変更して cors を有効にします。
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 にあります。