Web Application Development

Develop application

The following sections explain how to use Visual Studio for Tizen to develop your applications.

Create Tizen Web project

To create a Tizen web project, follow the steps below:

  1. In the Visual Studio menu, select File > New > Project.

  2. For creating Web application, select JavaScript and Tizen options in the dropdown list. Then, select Tizen Web project and click Next.

    Create Tizen project

  3. In the configure window, type the name for your project and click Create.

    Configure project

  4. In the Tizen Profile Select window, select the required profile, platform version, and template for your project, then click OK.

    Version selection

  5. The visual studio window with newly created project appears on the screen.

    Visual Studio screen

Build your project

  1. To build your project, select Build Solution in the Solution Explorer window.

    Build project

  2. To deploy and run your application, select Debug > Start without Debugging.

    Note

    Ensure the emulator is running in your system.

    Run application

    Application

Debug your application in chrome

  1. Start the debugging session by selecting Debug > Start Debugging in the menu bar, or pressing F5, or by clicking the Debug button in the menu bar.

    Note

    If the chrome path is not available in the default location, you need to enter the chrome path before debugging process begins.

  2. Open .js file in the chrome and add a break point in your source code.

    Add break point

Debug your application in web simulator

  1. Open .js file in chrome and select Run as Tizen Web Simulator Application in the Solution Explorer window.

    Debug in simulator

    Debug in simulator