diff --git a/ejs/projects.ejs b/ejs/projects.ejs
index 2701cde..5808dab 100644
--- a/ejs/projects.ejs
+++ b/ejs/projects.ejs
@@ -30,6 +30,8 @@
     <script>var OFFLINE_MODE = <%=configs['OFFLINE_MODE']%></script>
     <script>var MAX_PROJECT_NUM_PER_USER = <%=configs['MAX_PROJECT_NUM_PER_USER']%></script>
     <script>var BAIDU_MAP_AK = '<%=configs['BAIDU_MAP_AK']%>'</script>
+    <script>var MIXIO_WS_PORT = '<%=configs['MIXIO_WS_PORT']%>'</script>
+    <script>var MIXIO_WSS_PORT = '<%=configs['MIXIO_WSS_PORT']%>'</script>
     <script src="js/projects.js?v=273"></script>
     <script src="js/MixIO.js?v=30"></script>
     <style>
diff --git a/js/projects.js b/js/projects.js
index d6f9800..44e70c8 100644
--- a/js/projects.js
+++ b/js/projects.js
@@ -912,7 +912,7 @@ function view_project(projectName, projectType) {
                 keyName = userName.slice(1)
                 userName = 'MixIO_public'
             }
-            client = mqtt.connect((location.protocol == 'https:' ? 'wss://' : 'ws://') + window.location.host.split(":")[0] + (location.protocol == 'https:' ? ':8084' : ':8083'), {
+            client = mqtt.connect((location.protocol == 'https:' ? 'wss://' : 'ws://') + window.location.host.split(":")[0] + ":" + (location.protocol == 'https:' ? MIXIO_WSS_PORT : MIXIO_WS_PORT), {
                 'clientId': randomClientID,
                 'username': userName,
                 'password': projectPass,