Build STALK chat widget and start HTTP Server

STALK Chat Widget 은 고객이 방문하게 될 웹페이지의 위젯 형태로 보여주기 위한 스크립트 파일입니다. 여기서 생성되는 Javascript, CSS 파일은 별도의 웹서버에 올려 서비스 할 수 있도록 하면 되겠습니다.

1. STALK Chat Widget 소스 다운로드 및 설치.

  // Install GULP build tool
  $ sudo npm install -g gulp

  // Download and build
  $ git clone https://github.com/xpush/io.stalk.static.git
  $ cd stalk.io
  $ npm install
  $ gulp widget

  // watching /src for developing client files (OPTIONAL)
  $ gulp watch

gulp widget 을 실행하면 ./www 폴더 안에 widget.js 파일이 생성되며, 이 스크립트 파일을 사용하여 웹페이지에서 채팅 위쳇을 보여지게 할 수 있습니다.

2. 웹서버 실행하기.

  // Start web server, port 80
  $ sudo node web.js

3. 웹페이지에 스크립트 작성하여 삽입하기.

<script>
    window.stalkConfig = {
        api_server: 'http://dev.admin.stalk.io:8888', /* URL of STALK Admin Server */
        id: 'a80857e6-7d3e-11e5-8bcf-feff819cdc9f' /* Application ID (generated by STALK Admin Server) */
    };
</script>
<script src="http://localhost/widget.js"></script>