Code Monkey home page Code Monkey logo

browser-dialer-vue's Introduction

Twilio

Browser Dialer - Vue.js

Build Status

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-vue.git
    $ cd browser-dialer-vue
    
  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.

browser-dialer-vue's People

Contributors

acamino avatar dependabot-preview[bot] avatar hortega avatar jefflinwood avatar kwhinnery avatar mosampaio avatar po5i avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

browser-dialer-vue's Issues

recording

great app, it works great!

Is it possible also to record the calls ?

If it's possible, how can I do it?

thanks

Twilio.device.setup() is failing

twilio.min.js:117 Uncaught TypeError: Cannot read property 'length' of undefined
at twilio.min.js:117
at Object.objectize (twilio.min.js:115)
at a.register (twilio.min.js:39)
at new a (twilio.min.js:35)
at Function.setup (twilio.min.js:47)
at Object. (dialer.js:39)
at i (jquery.min.js:2)
at Object.fireWith [as resolveWith] (jquery.min.js:2)
at A (jquery.min.js:4)
at XMLHttpRequest. (jquery.min.js:4)

Error starting the project

[email protected] start /Users/prateekkhurana/Downloads/browser-dialer-vue-master
node index.js

/Users/prateekkhurana/Downloads/browser-dialer-vue-master/index.js:5
const { urlencoded } = require('body-parser');
^

SyntaxError: Unexpected token {
at exports.runInThisContext (vm.js:53:16)
at Module._compile (module.js:373:25)
at Object.Module._extensions..js (module.js:416:10)
at Module.load (module.js:343:32)
at Function.Module._load (module.js:300:12)
at Function.Module.runMain (module.js:441:10)
at startup (node.js:139:18)
at node.js:974:3

npm ERR! Darwin 16.0.0
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "start"
npm ERR! node v4.6.0
npm ERR! npm v3.10.9
npm ERR! code ELIFECYCLE
npm ERR! [email protected] start: node index.js
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start script 'node index.js'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the browser-dailer-vue package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! node index.js
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs browser-dailer-vue
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls browser-dailer-vue
npm ERR! There is likely additional logging output above.

npm ERR! Please include the following file with any support request:
npm ERR! /Users/prateekkhurana/Downloads/browser-dialer-vue-master/npm-debug.log

Error: Missing Environment variables

I thought I had remedied the problem, it seems this was not the case.
I'm having a load of trouble with require('dotenv-safe').load(); in the index.js

despite creating a process.env file in the root of the program and filling in the details for my twilio services, it does not want to run at all:
2018-04-06 15_12_31-mingw64__c_users_kernel panics_documents_creations_twilbil

My attempts to fix this problem lead me to think it was a versioning issue, something about the "dotenv-safe" as opposed to just "dotenv" was preventing the file from being read. Removing "-safe" did allow the program to start at least (with disconcerting errors)
"require('dotenv').load();
2018-04-06 15_21_53-mingw64__c_users_kernel panics_documents_creations_twilbil

Tested it out all the same, and sure enough it fails to retrieve the token (500 error)
2018-04-06 15_27_37- 19 recreated - pan galactic gargle blaster from hitchhiker s guide to the ga

I'm fairly sure the different looking errors have the same cause, and I'm fairly sure the cause is that dotenv isn't finding the process.env but for the life of me I can't figure why.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.