如题所述
双屏互动原理描述：
现在多数双屏互动的实现方式主要是依靠浏览器的WebSocket即时通信技术，包括国外许多案例，在以前传统的网站为了实现这种技术基本都是轮询，在一个特定的时间内，由客户端向服务端发出请求，之后服务器返回到浏览器，这种传统的实现方法需要客户端不停的向服务端请求数据，而且其传输的数据可能是一个很小的值。
在 WebSocket API中，浏览器和服务器只需要要做一个握手的动作，然后浏览器和服务器之间就形成了一条快速通道，两者之间就可以直接实时的互相传送数据。
采用websocket技术的页面不同于普通页面，而是需要特殊的服务器环境支持。
服务器环境的搭建：
目前支持WebSocket环境有很多方式，比如PHP、Java、.Net、Tomcat、Nodejs等，还有html5 的websocket方案，但是目前在我国浏览器使用情况上，IE用户还占有50%左右的市场份额，html5 的websocket只能支持IE10+和其他高端浏览器，在兼容性方面socket.io做的很好，所以对于前端工程师，我们优先选Nodejs和socket.io来搭建WebSocket服务器端。
前期我们可以在自己电脑搭建与服务器一致的环境来测试，本地搭建的方法:
1. 下载官方Node.js，安装可以一直下一步，我个人习惯都会自定义安装软件
2. 安装Nodejs 的模块管理器npm（官网最新版Nodejs已集成，无需单独安装）
3. 命令窗口模式安装 socket.io（npm install socket.io）
（这里如果遇到安装不成功情况，注意考虑设置一下代理，设置方法：npm config set proxy=地址:端口号，运气实在不好的话从其他电脑复制同版本文件夹也一样）
4. 最后查看安装的模块及版本：npm list
现在多数双屏互动的实现方式主要是依靠浏览器的WebSocket即时通信技术，包括国外许多案例，在以前传统的网站为了实现这种技术基本都是轮询，在一个特定的时间内，由客户端向服务端发出请求，之后服务器返回到浏览器，这种传统的实现方法需要客户端不停的向服务端请求数据，而且其传输的数据可能是一个很小的值。
在 WebSocket API中，浏览器和服务器只需要要做一个握手的动作，然后浏览器和服务器之间就形成了一条快速通道，两者之间就可以直接实时的互相传送数据。
采用websocket技术的页面不同于普通页面，而是需要特殊的服务器环境支持。
服务器环境的搭建：
目前支持WebSocket环境有很多方式，比如PHP、Java、.Net、Tomcat、Nodejs等，还有html5 的websocket方案，但是目前在我国浏览器使用情况上，IE用户还占有50%左右的市场份额，html5 的websocket只能支持IE10+和其他高端浏览器，在兼容性方面socket.io做的很好，所以对于前端工程师，我们优先选Nodejs和socket.io来搭建WebSocket服务器端。
前期我们可以在自己电脑搭建与服务器一致的环境来测试，本地搭建的方法:
1. 下载官方Node.js，安装可以一直下一步，我个人习惯都会自定义安装软件
2. 安装Nodejs 的模块管理器npm（官网最新版Nodejs已集成，无需单独安装）
3. 命令窗口模式安装 socket.io（npm install socket.io）
（这里如果遇到安装不成功情况，注意考虑设置一下代理，设置方法：npm config set proxy=地址:端口号，运气实在不好的话从其他电脑复制同版本文件夹也一样）
4. 最后查看安装的模块及版本：npm list
温馨提示：答案为网友推荐，仅供参考
