Hybrid application development

Tizen platform allows you to create hybrid application packages combining .NET, Native, and Web applications. This document explains how to develop hybrid applications using Visual Studio Code Extension for Tizen.

Develop Hybrid application

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

Create Tizen Native project

To create a Tizen Native project: Refer to Create Tizen Native project

Create Tizen Dotnet project

1. Open the Command Palette and select Tizen: Create Tizen project.

   

2. Select the project type as Dotnet.

   

3. Select the required profile for your application development.

   

4. Select the profile version for your application.

   

5. Select the required project template(eg:TizenNUIapp) for your application from template list.

   

6. Enter the project name.

   

7. If prompts for setting current project as working folder, select Yes or No.

   

Select Working Folder

1. Open the Command Palette and select Tizen: Set Tizen Working Folder.

   

2. Select the working folder of Tizen.

   

3. Selected working folder will be updated in workspace.yaml file.

   

Selected working folder will be considered as main app.

Update Dependency projects

1. From vscode File explorer Right click on main app and select Tizen:Update Dependency Projects.

   

2. Quick pick list with project list for selection will be displayed.

   

3. Select the dependency projects and press OK button.

   

4. Selected dependencies will be updated in workspace.yaml file

   

The Hybrid app is successfully created with selected working folder as main app, and selected dependency projects to main app as sub apps.

Build your project

1. Open the Command Palette and enter build. Select Tizen: Build Tizen project.

   

2. Review the build results in the output window, and check the location of the package file (.tpk).

   

Deploy and run your application in emulator

1. To launch the Tizen Emulator Manager, open the Command Palette and enter emulator. Select Tizen: Launch Tizen Emulator Manager.

   

2. Create and launch an emulator instance in the Emulator Manager.

3. To deploy your application to the target, enter install Tizen in the Command Palette and select Tizen: Install Tizen application.

   

   

4. To run the application on the emulator, enter run in the Command Palette and select Tizen: Run Tizen application.

   

   

Debug your application in emulator

1. Deploy and run your application in the emulator.

2. In the Visual Studio Code Activity Bar, select the Debug icon.

3. In the Debug view, open the Configuration drop-down menu and select Add Configuration or select Create a Launch.json file.

4. Select GDB for Tizen Native in the list of configurations.

   

5. Add a break point in your source code.

   

6. Start the debugging session by pressing F5.

   

   

To debug dotnet application, set dotnet app as main app, set native app as dependency app to dotnet app. Refer to Debug your application in emulator section for details.

Remove dependency projects

• Already added dependency projects (sub apps) can be removed from main app

1. From vscode File explorer Right click on main app and select Tizen:Update Dependency Projects.

   

   

2. Quick pick list with project list for select/deselect will be displayed.

   

3. DeSelect the dependency projects and press OK button.

   

4. removed dependencies will be updated in workspace.yaml file

   

Deselected projects will be removed from dependency project list from main app.