Overview

Zoho Marketplace is an online store where you can upload the extensions you develop for any of the products of Zoho. You can also use the available extensions in our store for your business. This developer guide will help you build an extension and deploy it to our Marketplace.

Things to remember before you start

The manifest file

Every extension must have its own plugin-manifest.json file that defines its behavior. After defining this file, you can use client-side technologies like HTML, JavaScript, and CSS to build your extension. You can host the extension privately or declare it public.

Private and public extension

You will have to declare the extension as private or public when you submit it to us. However, learning their differences might help you to plan your work better:

Set up a runtime environment

1. Install "Node.js" to set up a development environment for your extension.

   File download link: https://nodejs.org/en/
   Versions supported by the Zoho Extension Toolkit(ZET): 6.0 and above

2. Download the file from the above link.
3. Verify its version by executing the following command: $ node -v

Install the Zoho Extension Toolkit

The Zoho Extension Toolkit (ZET) is a command line interface tool. You will be using this tool to build, test, and pack your extension. Execute the command that's mapped to your OS to install the tool.

-g denotes global installation. When ZET is installed globally, you will be able to execute the commands from anywhere in your machine. Otherwise, you will have to navigate to the path where ZET is installed and then execute the ZET commands. After installation, verify its version by executing the following command: zet -v

ZET options

ZET commands

init

This command creates a new project template directory. Execute steps 1 to 4 in this section to get the folder structure created for your extension.

run

This command starts a local server with the current directory as the context. Execute steps 6 and 7 in this section to run your extension.

validate

This command validates the current extension. Execute step 8 in this section to validate your extension against the rules defined in the plugin-manifest.json file.

pack

This command packs the project into a zip file so that it can be uploaded to Zoho Marketplace. Execute step 9 in this section to pack your extension. This is the last step in the creation of an extension.

Create your first extension

How to create an extension

1. Execute zet init [Refer to its usage here.]
   
   • You'll see a prompt where you have to choose a Zoho service for which you are creating an extension.
2. Choose Zoho BugTracker.
   
3. Give a name for your extension. A folder structure will be created.
4. Execute cd [extension name]
   
   • This command will set the current path to the newly created extension's directory path.
5. Navigate to the above directory in your machine and develop your extension using client-side technologies like HTML, JS, CSS, etc.
   
   • Points to remember:
     Define the manifest reference clearly.
   • Include this JS in your code before calling the JS SDK methods supported by us.
6. Execute zet run [Refer to its usage here.]
   
   • This command starts a local server and runs the extension locally.
   • Your extension will run on the port 5000. Ensure its availability before you execute this command.
7. Hit http://127.0.0.1:5000/plugin-manifest.json or http://127.0.0.1:5000/app/index.html to confirm whether the server has started successfully. You can also test the extension in the developer mode before validating it.
8. Execute zet validate [Refer to its usage here.]
   
   • This command checks whether the extension meets the guidelines defined in the plugin-manifest.json file. Learn how to configure your plugin-manifest.json file here.
   • A success message will be displayed in green if the file passes validation. In case of failure, make changes accordingly and execute zet validate again.
9. Execute zet pack [Refer to its usage here.]
   
   • This command compresses the files and folders essential for running the extension and gives a ".zip" file as the output. The file will be present inside the path "/{extension's directory}/dist". 
     
     • Sample file path: "/myfirstextension/dist".
   • This zipped file should be submitted to ZApps irrespective of whether your extension is private or public.

Test extension in developer mode

1. Click  in the upper-right corner.
2. Choose Developer Space under Integration and select Create Extension.
3. Click Enable developer mode.
4. The extension that’s running on the port 5000 will be rendered in all the predefined locations in Zoho BugTracker. You can navigate to the specified widget locations and test the extension.
5. Only the extensions running on local will be rendered when developer mode is enabled and other extensions will be disabled.
6. To exit from the developer mode, deselect the Enable developer mode button.

Update an existing extension in the marketplace

Developers can update their extensions whenever they want. For every update, the extension's version keeps changing. Here's how an available extension can be updated in the marketplace:

1. Go to https://sigma.zoho.com
2. Click the Extension Details icon.
3. Click   below the extension title.
4. Upload the new zip file (the packaged version of the extension).
5. Accept the terms and conditions.
6. Click Save as Draft.
7. Click Publish in the top right corner.