Embed SDK のデモ

Looker Embed SDK リポジトリには、サンプルコードと、Embed SDK の簡単なデモが含まれています。Looker はセキュリティに注意を払うため、デモには少々の設定が必要です。また、デモには Looker の埋め込みシークレットも必要です。埋め込みシークレットではすべてのデータへのアクセス権を付与するため、次の点に注意してください。

  • インスタンスへの完全アクセス権を付与したくないユーザーとシークレットを共有しないでください。
  • 別のコンテキストですでにシークレットを使用している場合は、シークレットをリセットしないでください。
  • シークレットをウェブブラウザに保存するためのコードは設定しないでください。

ステップ 1: Looker インスタンスへの埋め込みを有効にする

詳しくは、シングル サインオン(SSO)埋め込みに関するドキュメント ページをご確認ください。

  1. Looker インスタンスで [Admin > Platform Embed] に移動します。これには管理者権限が必要です。
  2. デモサーバーはデフォルトで http://localhost:8080 で実行されます。そのアドレスを埋め込みドメインの許可リストに追加すると、デモで Looker からメッセージを受信できるようになります。
  3. [埋め込み認証] をオンにします。
  4. 埋め込みシークレットを表示するには、シークレットをリセットする必要があります。シークレットを安全な場所にコピーします。

ステップ 2: Looker インスタンスのデモ設定をカスタマイズする

埋め込みシークレットをサーバーに渡します。これを行うには、次の 2 つの方法があります。

  • シェル環境で LOOKER_EMBED_SECRET に設定します。
  • sdk ディレクトリのルートに .env という名前のファイルを作成します。そのファイルに次の行を追加します: LOOKER_EMBED_SECRET="YourLookerSecret"

次のいずれかの方法で、Looker インスタンスのホストアドレスをサーバーに渡します。

  • シェル環境で LOOKER_EMBED_HOST に設定します。
  • LOOKER_EMBED_HOST="yourinstance.looker.com:yourport".env ファイルに追加しています。

埋め込むページに適したように demo/demo_config.ts ファイルを編集します。

// The address of your Looker instance. Required.
export const lookerHost = 'self-signed.looker.com:9999'

// A dashboard that the user can see. Set to 0 to disable dashboard.
export const dashboardId = 1
// A Look that the user can see. Set to 0 to disable look.
export const lookId = 1

埋め込むユーザーのタイプに応じて demo/demo_user.json ファイルを編集します。

{
  // External embed user ID. IDs are not shared with regular users. Required
  "external_user_id": "user1",
  // First and last name. Optional
  "first_name": "Pat",
  "last_name": "Embed",
  // Duration before session expires, in seconds. Required.
  "session_length": 3600,
  // Enforce logging in with these permissions. Recommended.
  "force_logout_login": true,
  // External embed group ID. Optional.
  "external_group_id": "group1",
  // Looker Group IDs. Optional
  "group_ids": [],
  // Permissions. See documentation for details. Required.
  // Can any combination of:
  //   access_data
  //   see_looks
  //   see_user_dashboards
  //   see_lookml_dashboards
  //   explore
  //   create_table_calculations
  //   download_with_limit
  //   download_without_limit
  //   see_drill_overlay
  //   see_sql
  //   save_content
  //   embed_browse_spaces
  //   schedule_look_emails
  //   send_to_sftp
  //   send_to_s3
  //   send_outgoing_webhook
  //   schedule_external_look_emails
  "permissions": [
    "access_data",
    "see_looks",
    "see_user_dashboards",
    "explore"
    "save_content",
    "embed_browse_spaces"
  ],
  // Model access permissions. Required.
  "models": ["powered_by", "thelook"],
  // User attributes. Optional.
  "user_attributes": { "locale": "en_US" },
}

ステップ 3: デモをビルドして実行する

ノードサーバー

  1. 実行 npm install
  2. 実行 npm start

サーバーは、実行しているホストとポートを出力します。http://localhost:8080 と異なる場合は、埋め込みドメインの許可リストに追加する必要があります。

Python サーバー

  1. 実行 npm install
  2. 実行 npm run python

サーバーは、実行しているホストとポートを出力します。

Python 2 / 3 互換性レイヤをインストールするには、pip install six が必要な場合があります。