RingCentral Widgets Demo

A new RingCentral Widgets Based demo app. Get online tutorial about how to build this app in here.

Prerequisites

• Install Node.js with version >= 14
• Install NPM or Yarn
• Create a RingCentral developer free account
• Register a new REST API app with Auth type - "3-legged OAuth - client side", Redirect URI: http://localhost:8080/redirect.html
• App scopes: Edit Presence, Read Accounts, WebSocket Subscriptions
• Install Ringcentral Widgets CLI

$ npm install -g ringcentral-widgets-cli

Start

Initialize Widgets App by RingCentral Widgets CLI

$ rc-widgets new ringcentral-widgets-demo
$ cd ringcentral-widgets-demo
$ yarn

Update config file .env

RINGCENTRAL_CLIENT_ID=your ringcentral app client id
RINGCENTRAL_SERVER_URL=ringcentral api server, eg: https://platform.devtest.ringcentral.com
REDIRECT_URI=your redirect uri, eg: http://localhost:8080/redirect.html

Start Development Server

$ yarn start

Build for production

Update REDIRECT_URI and RINGCENTRAL_SERVER_URL with config in production

RINGCENTRAL_SERVER_URL=https://platform.ringcentral.com
REDIRECT_URI=your_host_address/redirect.html

$ yarn build

Upload files in release folder to your web host.

Tutorials

• Create a base RingCentral Widget Project
• Add call history feature to App
• Add ringout call feature to App
• Add messages feature module
• Add conference feature module
• Add a new module
• Use Adapter core to insert widget