LG webOSで開発を始める

システム要件

前提条件

• Node.js: 推奨バージョン: 14.15.1 - 16.20.2。

• NPM: Node Package Manager。

開発環境のセットアップ

1. Node.js と npm のインストールを確認します:

   node -v
   npm -v
                       

2. npmを使って webOS CLI をグローバルにインストールします:

   npm install -g @webos-tools/cli
   
           

3. インストールを確認します:

   ares -V
   
           

4. 環境変数を設定。VsCodeに.zshenvというファイルを作成し、次のコードを記述します:

   # Setting the LG_WEBOS_TV_SDK_HOME variable to the parent directory of CLI
   export LG_WEBOS_TV_SDK_HOME="/Users//lg_webos_cli"
   if [ -d "$LG_WEBOS_TV_SDK_HOME/CLI/bin" ]; then
   # Setting the WEBOS_CLI_TV variable to the bin directory of CLI
     export WEBOS_CLI_TV="$LG_WEBOS_TV_SDK_HOME/CLI/bin"
   # Adding the bin directory of CLI to the PATH variable
     export PATH="$PATH:$WEBOS_CLI_TV"
   fi

5. VSCode エクステンションのインストールと設定:

   • webOS TV SDK extension for VSCodeをダウンロードしてインストールします。

   • PCを再起動します。

   • 開発者モードアプリをインストールします。

   • VSCodeで、新しいTVアイコンの拡張機能でプラス記号をクリックし、新しいデバイスをインストールします。 LG TVが開発者モードで、PCと同じWiFiに接続されていることを確認します。

     

   • デバイスを選択し、SSH Key を設定し、開発者モード（Enable Key Server）でSTVに表示されるパスフレーズを入力します。

ビデオアプリの作成

1. SDKのルート ディレクトリで以下のコマンドを実行してアプリをビルドします。

   $ npx nx run-many -t build
   
   
           

2. LGデバイスで、アプリケーションのインストールを選択し、アプリ ファイル IPKを選択します。

3. アプリが、lg デバイスの下の Installed に表示されるので、それを右クリックし、Run または Debug を選択します。

LGエミュレーターでアプリをテストする

1. アプリの作成:

   $ npx nx run-many -t build
           

2. シミュレーターをインストールします。

3. LGシミュレーターを開きます。

4. コントローラーの App をクリックします。

   

5. dist ディレクトリを探します。

6. ディレクトリに入ったら、open をクリックします。

よくある問題

LGデバイスにアプリをインストールできない場合:

• インターネット接続を確認します。
• LGデバイスが同じネットワーク上にあることを確認します。
• LGデバイスのIPアドレスが変更されていないか確認します。
• LG TVのファームウェアをアップデートします。
• LG TVをファクトリーリセットします。