Developer Workflow

Install the basic tools, Command Line Interface (CLI), webOS Studio, and Simulator, as a start. You will most likely need them in developing an app for webOS TV.

• The CLI provides a collection of commands for creating and managing an app, allowing you to develop and test without a specific IDE.
• If you are familiar with VS Code, you can work on it with VS Code Extension for webOS TV.
• The Simulator is a more visualized tool that provides an environment for app development, including debugging. It can be run on most PCs without additional environment settings.

Before jumping into writing your own app, we suggest you get used to webOS TV app with the simplest form of it. Try building your first app.

There are some basics about webOS TV apps that will help you understand how the apps work and come up with the idea about your own one.

• Web app types
• App templates
• App resources

Now you design your app!

• Check out the platform specifications before designing an app to remove errors due to spec mismatch in advance.
• We have some guidelines for UI/UX design, such as Design Principles and Style Guidelines , that you can refer to.

This phase is where you can make the most of webOS TV to implement functions and features of your app.

• You can use key web technologies, such as HTML, CSS, and JavaScript, to develop a web app for webOS TV. Check out the supported standard web APIs.
• Find developer guides by function/feature that you want to add.
• webOS TV app samples are available on GibHub.

Test your app if it works as you expected and remove all the bugs that deteriorate its usability and performance.

• Examine how your app works on the Simulator. Or to test the app on a real TV, use Developer Mode App.
• On the CLI, you can monitor the usage of CPU and memory using ares-device-info. See Monitoring Resource Usage.
• Use Web Inspector to monitor your app with the execution information or Node Inspector to debug JS services used.
• Beanviser measures the performance of your app, helping you optimize it before the app goes live.

Before submitting your app, you need to examine the app using the provided self-checklist to accelerate the submission process.

• The self-checklist presents the criteria that LG app quality assurance team uses, so you can pre-inspect the quality of your app.

Submit your app to LG Seller Lounge. Once verified suitable for publishing, the app will be published on LG Content Store.