Importing WebAssembly Applications

This section describes how to import a WebAssembly Web application in Tizen Studio.

If you have exported project development files from a WebAssembly-enabled Web application project, you can import the project to Tizen Studio.

To import an existing Web application project:

  1. In the Tizen Studio menu, go to "File > Import".

    The "Import Wizard" opens.

  2. Select "General > Existing Projects into Workspace", and click "Next".

    Figure 1. Import Wizard

  3. Select whether to import from a root directory or archive file, and click "Browse".

    Figure 2. Import From Directory or File

  4. Select the project you want to import.

    Unselect the WebAssembly modules from the project list, or clear the "Search for nested projects" check box.

    Figure 3. Unselect WebAssembly Modules

  5. To copy the project files to the current workspace, select the "Copy projects into workspace" check box.

  6. Click "Finish".

    The Web application project is imported and visible in the "Project Explorer" view.

  7. To add the WebAssembly modules to the "Project Explorer" view:

    1. In the "Project Explorer" view, expand the wasm_modules directory within the Web application project.
    2. For each WebAssembly module folder, right-click the folder and select "Import as Project".

      Figure 4. Import WebAssembly Module as a Project

    The WebAssembly module appears as a project in the "Project Explorer" view.

    Figure 5. Imported Projects Tree

  8. Make sure a valid Samsung Emscripten SDK is defined for each module.

    For more information, see Configuring Samsung Emscripten SDK for Tizen Studio.