WebChat UI app using Angular5+. Include WhatsApp web UI clone.
A clone of WhatsApp Web using the base of WebChat.
Download repo and install dependencies:
git clone https://github.com/justiceo/whatsapp-web-template
cd whatsapp-web-template
npm install
Install redis (for server app):
npm i redis
apt install redis-server
To start up server (which would serve template):
npm start
To use angular-cli to serve the web app alone:
npm i -g @angular/cli
ng serve
Build the UI and server (requires installation of @angular/cli and gulp@4):
ng build
gulp build
Install PM2 and start the server (starts webapp at http://localhost:3000):
npm i -g pm2
pm2 start dist/index.js
There are several ways to view it at http://chat-domain.com, below is one using apache2 proxy (requires mod_proxy):
<VirtualHost *:80>
ServerName chat-domain.com
# Point to pm2 or node instance of whatsapp web
ProxyPass / http://localhost:3000/
ProxyPassReverse / http://localhost:3000/
</VirtualHost>