Developer Workflow

Install the basic tools, webOS 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 check resource usage quickly using ares-device-info. For in-depth analysis, use Resource Monitor to monitor and analyze the resource usage of your app and the webOS system in real time. See Resource Monitor.
• Use Web Inspector to monitor your app with the execution information or Node Inspector to debug JS services used.

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 Apps.