LG webOSで開発を始める

このドキュメントでは、LG webOSデバイスにアプリケーションをインストールしてテストするための詳細な手順について説明します。

システム要件

Systems requirements
OS 必要条件
Windows Windows 10以上(64ビット版のみ)
macOS macOS High Sierra(10.13)以上(64ビット版のみ)
Linux Ubuntu 20.04以上(64bitのみ)

前提条件

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

  • NPM: Node Package Manager。

開発環境のセットアップ

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

    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をファクトリーリセットします。