Skip to content

TwilioDevEd/browser-dialer-react

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Twilio

Browser Dialer - React

Build Status

Learn to implement a browser dialer application using the Twilio.js library and React.

Read the full tutorial here!

Prerequisites

  1. Node.js (version 6 or higher)
  2. A Twilio account with a verified phone number. (Get a free account here.) If you are using a Twilio Trial Account, you can learn all about it here.

Local Development

  1. First clone this repository and cd into it.

    $ git clone [email protected]:TwilioDevEd/browser-dialer-react.git
    $ cd browser-dialer-react
    
  2. Copy the sample configuration file and edit it to match your configuration.

$ cp .env.example .env

You can find your TWILIO_ACCOUNT_SID and TWILIO_AUTH_TOKEN in your Twilio Account Settings. You will also need a TWILIO_NUMBER, which you may find here, and you may find your TWILIO_TWIML_APP_SID here.

  1. Install dependencies.
$ npm install
  1. Run the application.
$ npm start
  1. Expose the application to the wider Internet using ngrok.

    $ ngrok http 3000

    Once you have started ngrok, update your App voice URL setting to use your ngrok hostname. It will look something like this:

    http://<your-ngrok-subdomain>/voice
    

Meta

  • No warranty expressed or implied. Software is as is. Diggity.
  • MIT License
  • Lovingly crafted by Twilio Developer Education.