Custom App example and step-by-step tutorial

Overview

Context

You will learn how to set up your environment to create a custom app and the tools to interact with the desk using NextJS.

A complete breakdown of our guidelines for Conversation Panel Apps can be found in our knowledge base.

Please note that one iframe is created per conversation in order to keep a context for an app for each conversation. It is recommended to keep the app very lightweight and avoid heavy processing or streaming updates.

Objectives

You will learn the following things

• How to create your custom app on the developer platform

• How to create your app repository

• How to launch your app

• How to link your app and the Custom Apps

• How to call the client

• How to store the client

• How to put text in the compose box

• How to send a card

• How to send a card bundle

• How to get client's messages using a server

• How to use those messages

• How to transfer message from the server to the custom app

• How to get the JWT

• How to use a Middleware

Prerequisites

This tutorial was made using Node v14.21.3 and NextJS 13.3.1. Custom Apps available on the iAdvize iOS and Android apps must use the version 2.0.3 or greater.

Steps to follow

This is a tutorial to learn how to install your application in the desk and make your app interact with it. If you want to start the tutoriel, go to Get Started, if you want to know how to make your app interact with the desk, you can find every commands in References