websocket的連結問題

之前在http下使用的是new WebSocket('ws://xxx');但是在切換到HTTPS後這個連結部分瀏覽器報錯甚至程式碼整體丟擲異常走不下去了，之前沒有注意過websocket在兩個不同協議下有什麼不同，實際上按照標準來是有如下對應關係的

1. http -> new WebSocket('ws://xxx')
2. https -> new WebSocket('wss://xxx')

https下應該使用wss協議做安全連結，且wss下不支援ip地址的寫法，寫成域名形式

經過測試，部分報錯的瀏覽器的確是因為這個原因導致的程式碼異常，即在https下把ws換成wss請求即可，看到這裡心細的也許會發現，是部分瀏覽器，實際上瀏覽器並沒有嚴格的限制http下一定使用ws，而不能使用wss，經過測試http協議下同樣可以使用wss協議連結，https下同樣也能使用ws連結，那麼出問題的是哪一部分呢

1.Firefox環境下https不能使用ws連線

2.chrome核心版本號低於50的瀏覽器是不允許https下使用ws連結

3.Firefox環境下https下使用wss連結需要安裝證書

 實際上主要是問題出在Firefox以及低版本的Chrome核心瀏覽器上，於是在http與https兩種協議都支援的情況下可以做相容處理，即在http協議下使用ws，在https協議下使用wss

let protocol = location.protocol === 'https' 
	? 'wss://localhost:8888' 
	: 'ws://localhost:8889';
new WebSocket(protocol);
 

這樣可以更加不同的協議環境採取不同的連結方法，當然如果只支援https那最好還是使用wss協議，避免Firefox以及部分低版本Chrome核心瀏覽器的異常，當然新版本的瀏覽器都是支援的