use chat.matong.io proxy to chat.socket.io to deploy to wechat

Author: gongzili456

weapp_demo/app.js

@@ -4,7 +4,7 @@ const io = require('./wxsocket.io/index.js')
 App({
   onLaunch: function() {
     // create a new socket object
-    const socket = io("ws://chat.socket.io/")
+    const socket = io("wss://chat.matong.io/")
     this.globalData.socket = socket
   },
 

weapp_demo/pages/index/index.js

@@ -20,10 +20,6 @@ Page({
     app.globalData.nickname = this.data.nickname
 
     app.globalData.socket.emit('add user', this.data.nickname)
-
-    wx.navigateTo({
-      url: '../room/index',
-    })
   },
 
   onLoad: function() {
@@ -38,7 +34,11 @@ Page({
       wx.showToast({
         title: '登录成功',
         icon: 'success',
-        duration: 3000
+        duration: 1000
+      })
+
+      wx.navigateTo({
+        url: '../room/index',
       })
     })
   }

weapp_demo/pages/index/index.wxss

@@ -13,6 +13,7 @@
 }
 
 .nickname {
+  width: 300px;
   color: #aaa;
   border-bottom: 1rpx solid #3e3e3e;
   text-align: center;

weapp_demo/pages/room/index.js

@@ -51,15 +51,15 @@ Page({
       wx.showToast({
         title: msg.username + ' 加入了房间',
         icon: 'success',
-        duration: 2000
+        duration: 1000
       })
     })
 
     socket.on('user left', function(msg) {
       wx.showToast({
         title: msg.username + ' 离开了房间',
         icon: 'loading',
-        duration: 2000
+        duration: 1000
       })
     })
   }