4、搭建WebSocket服務器html
其實,在服務器的選擇上很廣,基本上,主流語言都有WebSocket的服務器端實現,而咱們做爲前端開發工程師,固然要選擇如今比較火熱的NodeJS做爲咱們的服務器端環境了。前端
NodeJS自己並無原生的WebSocket支持,可是有第三方的實現(你們要是有興趣的話,徹底能夠參考WebSocket協議來作本身的實現),咱們選擇了「ws」做爲咱們的服務器端實現。node
因爲本文的重點是講解WebSocket,因此,對於NodeJS不作過多的介紹,不太熟悉的朋友能夠去參考NodeJS入門指南(http://www.nodebeginner.org/index-zh-cn.html)。npm
安裝好NodeJS以後,咱們須要安裝「ws」,也就是咱們的WebSocket實現,安裝方法很簡單,在終端或者命令行中輸入:瀏覽器
npm install ws服務器
,等待安裝完成就能夠了。app
接下來,咱們須要啓動咱們的WebSocket服務。首先,咱們須要構建本身的HTTP服務器,在NodeJS中構建一個簡單的HTTP服務器很簡單,so easy。代碼以下:函數
var app = http.createServer(onRequest ).listen( 8888 );ui
onRequest()做爲回調函數,它的做用是處理請求,而後作出響應,實際上就是根據接收的URL,在服務器上查找相應的資源,最終返回給瀏覽器。命令行
在構建了HTTP服務器後,咱們須要啓動WebSocket服務,代碼以下:
var WebSocketServer = require('ws').Server;
var wss = new WebSocketServer( { server : app } );
從代碼中能夠看出,在初始化WebSocket服務時,把咱們剛纔構建好的HTTP實例傳遞進去就好。到這裏,咱們的服務端代碼差很少也就編寫完成了。怎麼樣?很簡單吧。