Configuring webOS TV Extension

This article guides you on installing the webOS TV extension for Visual Studio (VS) Code. To learn how to use the critical functions of the extension, see Using VS Code extension.

Prerequisite

webOS TV CLI

The extension provides the same functions as the CLI (Command Line Interface) does. Therefore, you must install the latest version of CLI and configure the CLI path in the environment variable (WEBOS_CLI_TV) before using it. The installer does the job for you.

Chrome Browser

To debug your apps using Web Inspector, you must install the Chrome browser (or Chromium) compatible with the Chromium browser of webOS TV on your PC. Some versions of the Chrome browser, however, might not work appropriately. For more information about the Chrome versions, see the links below.

Installing webOS TV Extention

To install the VS Code extension on VS Code, execute the following steps. You can also check the webOS TV extension at the Marketplace.

  1. Run VS Code.

  2. Bring up the Extensions view by clicking on the Extensions icon in the Activity Bar on the side of VS Code or the View: Extensions command (Ctrl+Shift+X).

  3. Search the 'webOS TV' extension and install it from the Marketplace.

Setting webOS TV Extention

Set the following items from File > Preferences > Settings (Ctrl+,) on VS Code. You can see the following items on the webOSTV SDK Configuration category.

webostv.chromeExecutable

Set the location of the Chrome browser executable to debug apps on webOS TV with Web Inspector. 

ex) "C:\\webOS_TV_SDK\\IDE\\chromium\\chrome.exe"

webostv.defaultDevice

Set the default device name to skip selecting a device every time you run a command. This is optional.

ex) "emulator"

Connecting Target Device

To run or debug apps on the webOS TV device excepting the emulator, you should connect the device to your PC.

Step 1. Installing Developer Mode app

First, install the Developer Mode app on your TV and turn Developer Mode on. For more information about installing the Developer Mode app and preparing the login account, see App Testing.

  1. Install the Developer Mode app on your TV from LG Content Store.

  2. Launch the Developer Mode app from the webOS TV Launcher and log in to the Developer Mode with your LG account.

  3. Click the Dev Mode Status button to turn Developer Mode on.

Step 2. Registering Target Device

Register your target device information on VS Code.

  1. Select webOS TV: Set Up Device from the Command Palette (Ctrl+Shift+P) and select Add Device.
    You can also click the Add Device icon (+) on the webOS TV Devices in the Activity Bar.

  2. Enter your device name.

  3. Enter your device's IP address.

  4. Enter your device's port number for the connection. In most situations, simply press Enter to set it as the default value (22).

  5. Enter the device's username for connection. In most situations, simply press Enter to set it as the default value (root).

Step 3. Setting SSH Key

  1. After turning on Developer Mode on your device, launch the Developer Mode app.

  2. Click the Key Server button in the Developer Mode app.

  3. Select webOS TV: Set Up SSH Key from the Command Palette (Ctrl+Shift+P) on VS Code and select your device.
    You can also right-click on the device and select Set Up SSH Key on the webOS TV Devices in the Activity Bar.

  4. Enter the passphrase (case sensitive) as displayed on the Developer Mode app.

 

 

 

Navigation