Create a Web App

Create a Web App

Using Web apps, you can create client based web-applications that use data from CRM and can be used to perform specific tasks.

Building a web app

Once the Zoho CLI is installed, you can start creating your own web app.

Step 1

Once the CLI is installed, run this command to create a new project.

  1. $ zet init

Step 2

Select a Zoho service and give a Name for the widget which you want to create. In this case, select Catalyst as the service.

The sample project will be created in the respective folder directory.


Step 3

To open the sample project, run the following command:

  1. cd {Project_name}

Now, you can start desiging and including the UI components for the Widget.

 
Note

You can find the HTML file for the web app in the app folder, named "app_file.html" by default.

Step 4

The app_file.html file contains the structure, design and components of the Web app. You can create your webapp from the HTML file.


Note:

  • You can add additional designs and functionality to the Web apps by creating the necessary js files and stylesheets (optional).

Step 5

Once you have created the web apps, you can host the web apps locally and test it.

To host the web apps locally:


  1. $ zet run


You can find the API helper, JS SDK and some sample web apps in our Github page.


    • Related Articles

    • Web Apps Development - An Overview

      Although a CRM provides a platform to run your business online, there are a lot of other avenues where your business might have to tread on. Some of them would be building a custom mobile or web application. Upon integration, the functionality of ...

    • WebApps Integration

      Internet is a great platform which brings all aspects of the world together. Previously, it was setting up stalls in the market and now it's setting up apps in the internet. WebApps are applications that are hosted on cloud. When it comes to web ...

    • Install CLI - Web Apps

      ZET is a CLI tool to help developers build client-based apps(marketplace apps) and test it locally. Developer's can write code in local app and test it on the fly without uploading the App files to server. ZET will help the developers in the ...

    • MobileApps Integration - Mobile SDK

      Ever since the debut of handheld devices, the world has been on the course to exploit the convenience in their pockets to the fullest. People from all walks of life use mobile devices to stay in touch with each other, do business, engage with the ...

    • Functions - Integration Tasks

      As you might already know, the update to Version 2.0 APIs played a major part in using custom functions, now named "Functions". This guide will help you how to use functions integration tasks which uses the new APIs. Getting Started For starters, the ...