CLI tool for RingCentral Widgets based app.
- Node.js >= 8
- yarn or NPM
First, install using npm (we assume you have pre-installed node.js > 8) or yarn.
npm install -g ringcentral-widgets-clirc-widgets -hrc-widgets new your_project_name
cd your_project_name
yarn install
Before you start, you need to create a RingCentral developer free account and create a new RingCentral app with platform type - "Browser Based" with permissions that you need. For base app, it requires Read Accounts and Subscription Webhook permissions.
$ vim .env
RINGCENTRAL_CLIENT_ID=your ringcentral app client id
RINGCENTRAL_CLIENT_SECRET=your ringcentral app client secret
RINGCENTRAL_SERVER_URL=ringcentral api server, eg: https://platform.devtest.ringcentral.com
REDIRECT_URI=your redirect uri, eg: http://localhost:8080/redirect.html
RINGCENTRAL_CLIENT_ID is your ringcentral app client id.
RINGCENTRAL_CLIENT_SECRET is your ringcentral app client secret.
RINGCENTRAL_SERVER_URL is ringcentral api server, https://platform.devtest.ringcentral.com for sandbox environment and https://platform.ringcentral.com for production.
REDIRECT_URI is redirect uri that needs to add in your app settings in RingCentral Developer Website. For development in local, it should be http://localhost:8080/redirect.html. After your deploy this app to network space, it should be your_host_address/redirect.html.
$ yarn start
Visit on http://localhost:8080 in browser
- Update
.envfile with production config, such asRINGCENTRAL_SERVER_URLandREDIRECT_URI. - Build project
$ yarn build
- Upload files in release folder to your network space and visit it in browser.
$ rc-widgets generate Module ModuleName
# Create a new module with dependences
$ rc-widgets generate Module ModuleName -d DependenceName -d DependenceName-
The genarated app project is based on RingCentral Commons and RingCentral Widgets.
-
Commons modules are built with RcModule and Dependency Injection.
-
RingCentral Commons depend on Redux.
-
RingCentral Widgets depend on React and RingCentral Commons.
-
The genarated app project is built with Webpack.