Skip to content

scottiems/client-quickstart-csharp

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Twilio Client Quickstart for C# (ASP.NET MVC)

This application should give you a ready-made starting point for writing your own voice apps with Twilio Client. Before we begin, we need to collect all the config values we need to run the application:

Config Value Description
Account SID Your primary Twilio account identifier - find this in the console here.
Auth Token Used to authenticate - just like the above, you'll find this here.
TwiML App SID The TwiML application with a voice URL configured to access your server running this app - create one in the console here. Also, you will need to configure the Voice "REQUEST URL" on the TwiML app once you've got your server up and running.
Twilio Phone # A Twilio phone number in E.164 format - you can get one here

Setting Up The Application

  1. After downloading or cloning this application, create a new file in ClientQuickstart (at the same level as ClientQuickstart\Web.config) called Local.config.

  2. Next, open up ClientQuickstart.sln in Visual Studio. Edit Local.config with the four values we obtained above:

    <appSettings>
      <add key="TwilioAccountSid" value="ACXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX" />
      <add key="TwilioAuthToken" value="your_auth_token" />
      <add key="TwilioTwimlAppSid" value="APXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX" />
      <add key="TwilioCallerId" value="+1XXXYYYZZZZ" />
    </appSettings>
  3. Hit F5 or the Play button, and you should land on the home page of our basic voice application. The URL in your browser should be localhost:XXXX, where XXXX is the port number of your app. Take note of this port number.

  4. Download and install ngrok

  5. Run ngrok, replacing the two occurrences of XXXX in the following command with the port number of your app:

    ngrok http -host-header="localhost:XXXX" XXXX
  6. When ngrok starts up, it will assign a unique URL to your tunnel. It might be something like https://asdf456.ngrok.io. Take note of this.

  7. Configure your TwiML app's Voice "REQUEST URL" to be your ngrok URL plus /voice. For example:

    screenshot of twiml app

You should now be ready to rock! Make some phone calls. Open it on another device and call yourself. Note that Twilio Client requires WebRTC enabled browsers, so Edge and Internet Explorer will not work for testing. We'd recommend Google Chrome or Mozilla Firefox instead.

screenshot of phone app

License

MIT

About

Twilio Client Quickstart App

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • C# 38.5%
  • HTML 31.7%
  • JavaScript 16.1%
  • CSS 13.0%
  • Classic ASP 0.7%