G Web Development SoftwareでのLabVIEW使用方法
G Web Development SoftwareでLabVIEWを使用して、WEBアプリを作成する方法を紹介します。
G Web Development Software
G Web Development Softwareは、グラフィカルプログラミングを使用して、テストおよび測定システム用のWebアプリケーションを作成するために使用できるプログラミング環境です。
開発者は、LabVIEWと同様の感覚でWebアプリケーションのプログラムを作成できます。LabVIEW、Python、C#で記述された既存のシステムに接続することもできます。
ユーザーは、Webブラウザがあれば、専用のプラグインのインストールは必要なく、G Web Development Softwareで作成されたWebアプリケーションを実行できます。
![G Web Development Software](https://i0.wp.com/peritec-si.com/wp/wp-content/uploads/tec-gweb-development-software_01.png?resize=550%2C400&ssl=1)
G Webプログラミング
新規プロジェクト作成
G Web Development Softwareを起動して、「Web Application Project」を選択します。
![新規プロジェクト作成](https://i0.wp.com/peritec-si.com/wp/wp-content/uploads/tec-gweb-development-software_02.png?resize=1012%2C562&ssl=1)
プロジェクトファイル名を設定します。
![プロジェクトファイル名を設定](https://i0.wp.com/peritec-si.com/wp/wp-content/uploads/tec-gweb-development-software_03.png?resize=341%2C178&ssl=1)
G web ブロックダイアグラムコード
![Gweb ブロックダイアグラムコード](https://i0.wp.com/peritec-si.com/wp/wp-content/uploads/tec-gweb-development-software_04.png?resize=1024%2C434&ssl=1)
LabVIEWソフト Webサービス
LabVIEWでは、プロジェクトから新規→Webサービスを選択ソフト Webサービスを作成します
- マイコンピュータを右クリックし、Webサービスを作成します。
- Webリソースから新規VIを作成します
![Webサービス](https://i0.wp.com/peritec-si.com/wp/wp-content/uploads/tec-gweb-development-software_05.png?resize=748%2C504&ssl=1)
- 関数を配置
接続→webサービス→要求変数を読み取る - 送信したいデータをコネクタペーンに接続
※表示器のラベル名に2バイト文字を含んでいるとエラーになるため注意
※配列の要素のラベルも要確認
![関数を配置](https://i0.wp.com/peritec-si.com/wp/wp-content/uploads/tec-gweb-development-software_06.png?resize=633%2C302&ssl=1)
![送信したいデータをコネクタペーンに接続](https://i0.wp.com/peritec-si.com/wp/wp-content/uploads/tec-gweb-development-software_07.png?resize=634%2C245&ssl=1)
NI Web サーバ構成を設定
WindowsスタートメニューからNI Webサーバ構成を実行する。
![NI Web サーバ構成を設定](https://i0.wp.com/peritec-si.com/wp/wp-content/uploads/tec-gweb-development-software_08.png?resize=348%2C363&ssl=1)
プリセットを選択
![プリセット](https://i0.wp.com/peritec-si.com/wp/wp-content/uploads/tec-gweb-development-software_09.png?resize=686%2C543&ssl=1)
パスワード設定(任意)
パスワードを設定します。
![パスワード設定(任意)](https://i0.wp.com/peritec-si.com/wp/wp-content/uploads/tec-gweb-development-software_10.png?resize=686%2C543&ssl=1)
構成概要
![構成完了](https://i0.wp.com/peritec-si.com/wp/wp-content/uploads/tec-gweb-development-software_11.png?resize=686%2C559&ssl=1)
サーバー設定
ローカルサーバーPC(LabVIEW)ソフトで収集したデータをGwebアプリケーションで表示する運用を行う場合は、以下の設定をします。
- HTTPS設定:HTTPSを無効(非セキュア)
- リモート接続:任意のクライアントからのリモート接続を許可
生成されたURLと証明書の優先ホスト名「localhost」 - クロスオリジンリソース共有(CORS):全ての起源に対してCORSを有効にする(非セキュア)
![サーバー設定](https://i0.wp.com/peritec-si.com/wp/wp-content/uploads/tec-gweb-development-software_12.png?resize=860%2C434&ssl=1)
設定後、「適用して再起動」をクリックします。
プログラム実行
WebServiceの起動
プロジェクトのWebServiceを右クリックして、開始を実行します。
![WebServiceの起動](https://i0.wp.com/peritec-si.com/wp/wp-content/uploads/tec-gweb-development-software_13.png?resize=428%2C474&ssl=1)
LabVIEW VI実行
LabVIEWのVIを実行します。
![LabVIEW VI実行](https://i0.wp.com/peritec-si.com/wp/wp-content/uploads/tec-gweb-development-software_14.png?resize=926%2C465&ssl=1)
Webブラウザ 実行
G Web Development Softwareのプロジェクトで「Run in browser」をクリックして、実行します。
![Webブラウザ 実行](https://i0.wp.com/peritec-si.com/wp/wp-content/uploads/tec-gweb-development-software_15.png?resize=1024%2C438&ssl=1)