These instructions assume you have basic understanding of working within a terminal and have NodeJS, NPM and Git installed.
Before beginning you'll need to create a SignalWire space and obtain some credentials. See Getting Started with the SignalWire Video API.
Once you have credentials, start by cloning this repository locally.
git clone https://github.com/signalwire/signalwire-video-vuejs
- Install node modules for the backend.
cd signalwire-video-vuejs/
cd ../backend
npm install
- Configure your
SignalWire Space URL
,Project-ID
andAPI-Token
in an environment file named.env
in the backend directory. Optionally you can change the Port that the backend is served on from here as well.
If running both the frontend and backend on the same machine, please avoid using port 8080.
USERNAME=<Project ID>
API_TOKEN=<API-TOKEN>
API_URL=https://<Space Name>.signalwire.com/api/video
PORT=3080
- Start the backend server using NodeJS.
node index.js
- Open another terminal, navigate to the repository, and install node modules for the frontend.
cd signalwire-video-vuejs/
cd frontend/
npm install
- Optionally configure an environment file named
.env
in the frontend directory. By default the project expects the backend URL to be hosted atlocalhost:3080
. You can customize this with theVUE_APP_URL
environment variable.
VUE_APP_URL=http://backend.com
- You can serve the frontend with a hot-reload (updates on code changes) using the following command.
npm run serve
The application should then be hosted at localhost:8080
.