目次
はじめに
こんにちは。Deckです。
この記事ではSaaS版のVizlib Serverの立ち上げ手順を解説します。
SaaS用のVizlib ServerにはWindows版とLinux版の2種類がありますが、今回はLinux版を利用します。
その理由はSaaS用Vizlib ServerはDockerコンテナ製であり、Windowsで動作させるには有償版のDockerが必要となってくるからです。
また、Windowsで動作させる以上、Windows Serverのライセンス費用も発生します。
よって、Linux版を利用する方がコスト的なメリットがあります。
手順1. Vizlibダウンロード
https://portal.insightsoftware.com/ にアクセスし、Vizlib Serverのダウンロードとキーのコピーを行います。
Eメールアドレスとパスワードを入力してVizlibポータルにログインします。

画面左下の「Vizlib Server」をクリックします。

License Keyセクションにある「Copy Key」ボタンをクリックし、キーを安全な場所に保管しておきます。

右側の「Download product」から、「Qlik Cloud Versions」をクリックします。
-png.png?width=352&height=182&name=image(21)-png.png)
最新バージョンの「Docker」ボタンをクリックするとダウンロードが開始されます。
-png.png?width=1312&height=765&name=image(22)-png.png)
次に、Vizlib Collaborationのダウンロードページに移ります。
「Download products」から「Extensions」をクリックします。
-png.png?width=355&height=293&name=image(23)-png.png)
Vizlib Writeback Table, Vizlib Input Formのダウンロードを行います。
次の2点に注意してください。
- Server Compatibilityがサーバーのバージョンと一致していること
- オフライン版を選択すること
- オンライン版を選択すると勝手にバージョンが上がってサーバーとの互換性が壊れるため
-png.png?width=1308&height=762&name=image(24)-png.png)
手順2. サーバー起動
AWSコンソールに移動し、「インスタンスを起動」をクリックします。
![]()
インスタンスの名前を入力します。
-png.png?width=1094&height=147&name=image(26)-png.png)
OSはUbuntu Server 20.04 LTSを選択します。
-png.png?width=1081&height=705&name=image(27)-png.png)
インスタンスタイプを選択します。
ここではt2.microとします。
-png.png?width=1088&height=217&name=image(28)-png.png)
「新しいキーペアの作成」をクリックします。
-png.png?width=1084&height=181&name=image(29)-png.png)
キー名を入力して「キーペアを作成」をクリックします。
キーがダウンロードされるので、安全な場所に保管しておきます。
-png.png?width=626&height=610&name=image(30)-png.png)
セキュリティグループ名と説明を入力します。
-png.png?width=1044&height=172&name=image(32)-png.png)
SSHの通信を許可するインバウンドルールを設定します。

HTTP,HTTPSの通信を許可するインバウンドルールを設定します。

必要な容量のストレージを設定します。
-png.png?width=1084&height=387&name=image(34)-png.png)
「インスタンスを起動」をクリックします。
インスタンスが起動するまでしばらく待ちます。
-png.png?width=534&height=699&name=image(35)-png.png)
「アクション」から「接続」をクリックします。
-png.png?width=326&height=291&name=image(36)-png.png)
手順3. サーバー接続
ここからはSSH接続にUbuntu on Windowsを利用します。
他のSSHクライアントを利用する場合は適宜読み替えてください。
この手順の概念図は以下のようになります。
接続元マシンに存在するUbuntuにキーファイルをコピーし、その認証情報を利用してサーバーに接続します。

「インスタンスに接続」画面を開き、接続コマンドをコピーします。

プライベートキーファイルをUbuntuのホームディレクトリにコピーします。

キーファイルの権限を設定します。
chmod 400 "ISL-R&D-VizlibSaaS.pem”
![]()
sshコマンドでインスタンスに接続します。
ssh -i "ISL-R&D-VizlibSaaS.pem" [ubuntu@*****.compute.amazonaws.com]
手順4. HTTPS証明書取得と設定
この手順ではLet’s Encryptを利用してHTTPS証明書を入手します。
証明書更新アプリケーションをインストールします。
sudo apt install letsencrypt
以下のコマンドで証明書を入手します。
sudo letsencrypt certonly --standalone -d *****.com
コマンド実行時、連絡用のメールアドレスとニュース購読の選択肢が表示されます。
実行が完了すると、証明書のパスが表示されます。

HTTPS接続を受け付けるソフトウェアであるHAProxyで認識できるファイルを作成するために、証明書と鍵を連結します。
次のコマンドを実行します。
sudo cat /etc/letsencrypt/live/*****.com/fullchain.pem \
/etc/letsencrypt/live/*****.com/privkey.pem \
| sudo tee /etc/letsencrypt/live/*****.com/*****.com.pem
手順5. Dockerインストール
次のコマンドを入力してDockerをインストールします。
# 古いバージョンがあれば削除
for pkg in docker.io docker-doc docker-compose \
docker-compose-v2 podman-docker containerd runc; \
do sudo apt-get remove $pkg; done
# 依存パッケージインストール
sudo apt update
sudo apt install ca-certificates curl
# Dockerリポジトリの公開鍵をUbuntu推奨ディレクトリへ格納
sudo install -m 0755 -d /etc/apt/keyrings
sudo curl -fsSL https://download.docker.com/linux/ubuntu/gpg \
-o /etc/apt/keyrings/docker.asc
sudo chmod a+r /etc/apt/keyrings/docker.asc
# Dockerリポジトリ登録
echo \ "deb [arch=$(dpkg --print-architecture) signed-by=/etc/apt/keyrings/docker.asc] <https://download.docker.com/linux/ubuntu> \\
$(. /etc/os-release && echo "$VERSION_CODENAME") stable" | \
sudo tee /etc/apt/sources.list.d/docker.list > /dev/null
# Docker Engineのインストール
sudo apt update
sudo apt install docker-ce docker-ce-cli \
containerd.io docker-buildx-plugin docker-compose-plugin
# Docker Composeのインストール
sudo apt install docker-compose
Vizlib公式のインストールコマンドにはタイプミスがあり、コマンドが通りません。上記に記載してあるコマンドを実行してください。(2025/01時点)
dockerグループにユーザーを追加します。次のコマンドを入力します。
sudo usermod -aG docker $USER
変更を有効化するため、一旦ログアウトし再度SSH接続します。
動作確認のため、hello-worldを実行します。
docker run hello-world

手順6.Vizlib Serverコンテナ設定ファイル編集
手順6ではVizlib Serverのファイルをインスタンスにアップロードします。
手順1でダウンロードしたzipファイルを解凍し、「docker-compose-example.yml」の名前を「docker-compose.yml」に変更します。
![]()
一旦サーバーからログアウトし、次のコマンドを実行してファイルを転送します。
scp -i "ISL-R&D-VizlibSaaS.pem" VizlibServer-QlikCloud-Docker-4.21.0/docker-compose.yml ubuntu@*****.amazonaws.com:/home/ubuntu
scp -i "ISL-R&D-VizlibSaaS.pem" VizlibServer-QlikCloud-Docker-4.21.0/haproxy.cfg ubuntu@*****.compute.amazonaws.com:/home/ubuntu
scp -i "ISL-R&D-VizlibSaaS.pem" VizlibServer-QlikCloud-Docker-4.21.0/vizlib-server.tar.gz ubuntu@*****.compute.amazonaws.com:/home/ubuntu
次に、設定ファイルの編集を行います。
サーバーに接続し、haproxy.cfgファイルを開き、ドメイン名を入力します。
vi haproxy.cfg

続いて、 docker-compose.ymlを編集します。
vi docker-compose.yml
volumesの証明書ファイル指定部分に先ほど連結した証明書パスを入力します。

vizlib-serverのimageを使用するバージョンに合わせて書き換えます。
-png.png?width=412&height=96&name=image(45)-png.png)
ログファイルの出力場所を./log:/logに変更します。
![]()
environmentセクションを設定します。
- VIZLIB_VMC_USERNAME: VMCのユーザーネームです。
- VIZLIB_VMC_PASSWORD: VMCのパスワードです。
- VIZLIB_DATABASE_USER: データベースユーザーネームです。
- 後に出てくるPOSTGRES_USERと一致させる必要があります
- VIZLIB_DATABASE_PASSWORD: データベースのパスワードです。
- 後に出てくるPOSTGRES_PASSWORDと一致させる必要があります
- VIZLIB_DATABASE_PORT: データベースのポート番号です。
- 後に出てくるportsと一致させる必要があります
- VIZLIB_DATABASE_DBNAME: データベースの名前です。
- 後に出てくるPOSTGRES_DBと一致させる必要があります
- VIZLIB_SERVER_LICENSE: Vizlib Serverのライセンスを入力します。

postgresセクションを編集します。
- POSTGRES_PASSWORD: データベースのパスワードです。
- VIZLIB_DATABASE_PASSWORD一と致させる必要があります

編集が終わったら、保存してエディタを終了します。
手順7. Vizlib Serverコンテナ起動
Vizlib Serverのtar.gzファイルをDockerにロードします。次のコマンドを実行します。
docker load < vizlib-server.tar.gz
Dockerをデタッチ状態で起動します。デタッチ状態とはコンテナのシェルに接続しないことを指します。
docker-compose up -d
正しく実行されていることを確認するため、Dockerのログを確認します。
docker logs vizlib-server
手順8. Vizlib Server ログイン
Vizlib Serverが起動したら、VMCにアクセスします。
https://*****.com/vmc/ に接続し、認証情報を入力します。
-png.png?width=631&height=802&name=image(49)-png.png)
VMCにログインできました。引き続き残りの手順を実行します。
-png.png?width=1919&height=910&name=image(50)-png.png)
手順9. Qlik CloudにVizlibをインストール
Qlik CloudにVizlibをインストールします。
Qlik Cloudにログインし、Extensionsに移動します。
今回はVizlib Input FormとVizlib Writeback Tableが既にインストールされているため、Serverとバージョンを一致させます。
「編集」をクリックします。
-png.png?width=1919&height=911&name=image(51)-png.png)
置き換える拡張機能をアップロードします。
Vizlib Writeback Tableについても同様に更新を行います。
-png.png?width=763&height=796&name=image(52)-png.png)
手順10. Qlik Cloud APIキー生成
APIキーに遷移し、「新しく生成」をクリックします。

「新規キーの生成」をクリックします。

APIキーの説明と有効期限を入力して「生成」をクリックします。
-png.png?width=757&height=378&name=image(55)-png.png)
表示されたAPIキーを安全な場所に保管します。
-png.png?width=852&height=812&name=image(56)-png.png)
手順11. Qlik Cloud OAuth設定
管理コンソールのOAuthセクションに移動し、「新規作成」をクリックします。

OAuthクライアントの設定を行います。
- クライアントタイプ: ウェブ
- 名前任意の文字列
- 説明: 任意の文字列
- 範囲: user_default、offline_accessを選択
-png.png?width=599&height=853&name=image(58)-png.png)
クライアントIDとシークレットを安全な場所に保管します。

手順12. Qlik Cloud コンテンツセキュリティポリシー設定
コンテンツセキュリティポリシー設定に移動します。
「追加」をクリックします。
-png.png?width=1919&height=912&name=image(61)-png.png)
原点の設定を行います。
- 名前: 任意の名称を入力
- 原点: サーバーのURLを入力
- ディレクティブ: content-src、content-src(WebSocket)、img-srcを選択

手順13. Vizlib ServerにQlik Cloudの情報を入力
VMCのSYSTEM SETTINGS>QLIK CLOUDに移動します。
以下の4項目を入力します。
- テナントURL
- APIキー
- OAuthクライアントID
- OAuthクライアントシークレット

ダッシュボードに戻って更新ボタンを押すと、Qlik Cloudのセクションが緑色に変わります。

手順14. Vizlib Server セキュリティルール設定
セキュリティルール画面に移動し、「Add Rule」をクリックします。
-png.png?width=1919&height=913&name=image(65)-png.png)
必要事項を入力します。ここでは以下のように設定します。
- Description: Content Admins
- Resource Type: User Role
- Resource ID: ContentAdmin
- Attribute Type: userId
- Operator: NotEqual
- Value: hoge
-png.png?width=1048&height=649&name=image(66)-png.png)
手順15. Qlik Cloud データ管理用スペース作成
Qlik Cloudのスペース管理ページに移動し、「新規作成」をクリックします。

タイプは「データ」を選択、名前を入力して「作成」をクリックします。
-png.png?width=753&height=550&name=image(68)-png.png)
作成したスペースの「メンバーを管理」をクリックします。

「メンバーを追加」をクリックします。

APIキーを作成したユーザーを選択し、「編集可能」権限を設定します。

手順16. Qlik Cloud アプリ管理用スペース作成
アプリ開発用スペースを作成します。
「新規作成」をクリックします。

タイプは「共有」とし、名前を入力します。
-png.png?width=756&height=551&name=image(73)-png.png)
作成したスペースで「メンバーを管理」をクリックします。

APIキーを作成したユーザーに「編集可能」権限を設定します。

手順17. 検証用サンプルアプリアップロード
Qlik Cloudのホームに戻り、サンプルアプリをアップロードします。
スペースは先ほど作成した開発用スペースとします。
公式ヘルプページの下部にあるサンプルアプリをアップロードします。
-png.png?width=757&height=654&name=image(76)-png.png)
手順18. Vizlib Server Destination設定
VMCに移動し、WRITEBACK SETTINGS>DESTINATIONSを開き、「Add Destination」をクリックします。
-png.png?width=1919&height=908&name=image(77)-png.png)
設定項目を入力します。
- Id: VizlibWritebackDemoData
- App: {{APPID}}
- HubSpotの記事レンダリングの都合上全角にしていますが、実際は半角で入力します
-png.png?width=1544&height=782&name=image(78)-png.png)
- Id: VizlibWritebackDemoData
- File Name: Set by Extension、以下の項目をセット
Settings
ColumnShowcase
ScatterSalesDate
EmployeeForm
EventLog
LiveTotals
IconOptions
CountryOptions
UserDirectoryOptions
DropdownOptions
Variables
ColorVariables
InsertAuditData
RequiredIf
-png.png?width=1546&height=813&name=image(79)-png.png)
手順19. サンプルアプリ設定
先ほど追加したサンプルアプリを開き、データロードエディターに移動します。
-png.png?width=1916&height=911&name=image(80)-png.png)
READMEタブのホストネーム変数をサーバーのホスト名に変更します。

アプリをリロードします。
-png.png?width=757&height=802&name=image(83)-png.png)
ファイルが作成されたことを確認するため、データ接続からファイルを確認します。
-png.png?width=395&height=341&name=image(84)-png.png)
qvdファイルが一覧で表示されました。
-png.png?width=1742&height=659&name=image(85)-png.png)
qvdファイルはQlik Cloudのデータスペースに保存されているため、Qlik Cloudの管理対象となります。
手順20. サンプルアプリでWriteback実行
シートに移動します。
初回接続時、appの認証画面が表示されるので、「認証」をクリックします。

「Add row」ボタンから、新規行を追加します。
追加できたら「Update」ボタンをクリックします。
-png.png?width=1512&height=743&name=image(88)-png.png)
アプリのリロードが行われます。
-png.png?width=1509&height=746&name=image(89)-png.png)
しばらく待つと更新が完了し、データが追加されたことが確認できます。
-png.png?width=1516&height=741&name=image(90)-png.png)
Vizlib Server for Qlik Cloudの設定は以上です!


