PHP 웹소켓을 이용한 채팅 feat.Ratchet #3 - WSS(SSL) 사용하기

지금까지 웹소켓은 ws를 사용했다. ssl이 적용이 안되는 상태에서 했다. 그런데 이렇게하면 뭐가 문제냐면 ssl 사이트에서 ws사이트를 불러올때 문제가 생길 수가 있다. 그래서 wss를 사용하는 방법을 알아보려고 한다.

 

우선 본인이 운영하는 사이트에 ssl을 적용해야한다. 무료로 ssl을 사용할 수 있는 방법은 아래에 링크를 통해 확인하자.

 

https://programmerdaddy.tistory.com/110

 

이렇게 설정하고 나서 그 다음부터 해당되는 이야기다. 본인 사이트가 ssl 설정이 안돼 있다면 위 링크를 이용해 먼저 ssl부터 적용해야한다.

 

#cd /etc/apache2/sites-available

 

위 경로로 가보면 본인이 운영하는 사이트의 이름이 붙은 ****-ssl.conf 파일이 있다. 이 파일을 열어보자.

 

#vi ****-ssl.conf

 

<Directory "/var/www/html">
           Options Indexes FollowSymLinks
           AllowOverride All
           Order allow,deny
           Allow from all
           #Require all granted
         </Directory>

RewriteEngine on
ProxyPass /wss2/ ws://www.sitename.com:8080/

 

이렇게 설정한다. 그리고 저장하고 나온다.

 

#a2enmod proxy

#a2enmod proxy_http

#a2enmod proxy_wstunnel

#service apache2 restart

 

이렇게 실행해주고 아파치를 재실행한다. 나는 우분투에 아파치를 사용하고 있다. 다른 리눅스 버전은 다를 수 있으니 리눅스 버전이 다르면 안될 수도 있다.

 

이제 wss 접속을 위해서 주소를 바꿔준다.

 

 

const socket = new WebSocket('wss://www.sitename.com/wss2/:8080');

 

소켓주소를 이런 식으로 바꿔준다.

 

이제 채팅사이트 접속시 ssl 접속을 이용할 수 있다.

 

https://localhost/chatroom.php?channel=test1&uname=손흥민

 

정상적으로 접속 알림이 뜨면 성공