支持websocket不支持的情况下切换成http请求

bingchat/app.wxss

@@ -1,4 +1,5 @@
 page {
   background-color: #fff;
 	font-size: 28rpx;
+	line-height: 1.7em;
 }

bingchat/components/chatbox/index.wxml

@@ -21,7 +21,7 @@
 			<image class="avatar" src="{{item.avatarUrl}}" catchlongpress="clearChat" data-index="{{index}}"></image>
 		</view>
 	</view>
-	<view id="{{'item'+ chatList.length + 9999}}" ></view>
+	<view id="{{'item'+ chatList.length + 9999}}" style="margin-top: 2em;"></view>
 </scroll-view>
 <icon wx:if="{{receiveData}}" type="cancel" bindtap="cancelReceive" style="position: absolute;bottom: 140rpx;right:1%;z-index: 10000;" size="20"></icon>
 </view>

bingchat/components/chatbox/index.wxss

@@ -63,7 +63,7 @@
   display: inline-block;
   padding: 5rpx 8rpx 5rpx 8rpx;
   border-radius: 8rpx;
-  margin-right: 16rpx;
+  margin-right: 10rpx;
   color: #b4bbc4;
   margin-bottom: 10rpx;
   font-size: 24rpx;

bingchat/pages/index/index.js

@@ -7,6 +7,16 @@ const systemInfo = wx.getSystemInfoSync()
 // 各平台对话分离
 const sid_prefix = systemInfo.platform == "ios" || systemInfo.platform == "android" ? "" : systemInfo.platform
 const initHeight = inputPop() ? 20 : 5
+// 是否使用websocket请求
+var useWebsocket = true
+try {
+  var notuseWebsocket = wx.getStorageSync("notuseWebsocket")
+  if (notuseWebsocket) {
+    useWebsocket = false
+  }
+} catch (e) {
+  useWebsocket = true
+}
 
 function inputPop() {
   return systemInfo.platform == "ios" || systemInfo.platform == "android"
@@ -59,6 +69,7 @@ Page({
       socket: null,
       isOpen: false,
     },
+    useWebsocket: useWebsocket,
   },
   inputFocus(e) {
     if (inputPop()) {
@@ -160,6 +171,7 @@ Page({
         } catch (error) {
           wx.showToast({
             title: "fatal error",
+            icon: "error"
           })
           that.pushStorageMessage(cht, "发生致命错误😱", "rob", [], false, true)
         }
@@ -171,8 +183,8 @@ Page({
   submitContent: function (content) {
     if (this.data.searching) {
       wx.showToast({
-        title: '请等待完成',
-        icon: 'error'
+        title: "请等待完成",
+        icon: "error"
       })
       return
     } else {
@@ -195,8 +207,7 @@ Page({
     } else {
       that.pushStorageMessage(cht, "搜索中🔍...", "rob", [], true)
     }
-    // windows平台使用http接口
-    if (systemInfo.platform != "windows") {
+    if (that.data.useWebsocket) {
       that.sendWSRequest(content)
     } else {
       that.sendHttpRequest(content)
@@ -229,7 +240,7 @@ Page({
     })
     setTimeout(() => {
       cht.setData({
-        scrollId: "item" + (cht.data.chatList.length + '9999'),
+        scrollId: "item" + (cht.data.chatList.length + "9999"),
       })
     }, 50)
   },
@@ -266,7 +277,8 @@ Page({
       url: SERVER_WSS_HOST + "/chat",
       fail: function () {
         wx.showToast({
-          title: '打开websocket失败',
+          title: "打开websocket失败",
+          icon: "none",
         })
       }
     })
@@ -287,7 +299,7 @@ Page({
       }
     })
     socket.onClose((code, reason) => {
-      console.log('Socket onClose', code, reason)
+      console.log("Socket onClose", code, reason)
       that.setData({
         socket: {
           socket: null,
@@ -300,7 +312,7 @@ Page({
       })
     })
     socket.onError(msg => {
-      console.log('Socket onError', msg)
+      console.log("Socket onError", msg)
       that.setData({
         socket: {
           socket: null,
@@ -309,7 +321,8 @@ Page({
         searching: false
       })
       wx.showToast({
-        title: msg.errMsg,
+        title: "网络异常 " + msg.errMsg,
+        icon: "none",
       })
       cht.setData({
         receiveData: false
@@ -319,21 +332,21 @@ Page({
       const cht = app.globalData.cht
       var data = JSON.parse(data.data)
       var suggests = []
-      var robContent = ''
+      var robContent = ""
       var num_in_conversation = -1
-      if (!data['final']) {
-        robContent = data['data'] + ' ...'
+      if (!data["final"]) {
+        robContent = data["data"] + " ..."
         cht.setData({
           receiveData: true
         })
       } else {
-        robContent = that.processData(data['data'], suggests, that.data.lastContent)
-        num_in_conversation = data['data']['data']['num_in_conversation']
+        robContent = that.processData(data["data"], suggests, that.data.lastContent)
+        num_in_conversation = data["data"]["data"]["num_in_conversation"]
         cht.setData({
           receiveData: false
         })
       }
-      that.pushStorageMessage(cht, robContent, "rob", suggests, false, true, num_in_conversation, data['final'])
+      that.pushStorageMessage(cht, robContent, "rob", suggests, false, true, num_in_conversation, data["final"])
     })
   },
   sendSocketMessage: function (data) {
@@ -344,7 +357,8 @@ Page({
           fail: err => {
             console.log(err)
             wx.showToast({
-              title: '消息发送失败',
+              title: "消息发送失败",
+              icon: "error",
             })
           }
         })
@@ -355,7 +369,8 @@ Page({
         fail: err => {
           console.log(err)
           wx.showToast({
-            title: '消息发送失败',
+            title: "消息发送失败",
+            icon: "error",
           })
         }
       })
@@ -376,7 +391,7 @@ Page({
       content: value
     })
     // 特定用户在桌面版本下触发提交，因为textarea在桌面版下回车是换行，并且无法监听快捷键输入，只能出此下策
-    if (systemInfo.platform != 'windows' && systemInfo.platform != 'mac') {
+    if (systemInfo.platform != "windows" && systemInfo.platform != "mac") {
       return
     }
     if (value.indexOf("》》》\n") != -1 || value.indexOf(">>>\n") != -1) {
@@ -394,5 +409,36 @@ Page({
         reason: "User cancel"
       })
     }
+  },
+  swithRequestMethod: function (e) {
+    var that = this
+    if (this.data.useWebsocket) {
+      wx.setStorage({
+        key: "notuseWebsocket",
+        data: 1,
+        success: (res) => {
+          that.setData({
+            useWebsocket: false
+          })
+          wx.showToast({
+            title: "已切换成Https接口",
+            icon: "none"
+          })
+        }
+      })
+    } else {
+      wx.removeStorage({
+        key: "notuseWebsocket",
+        success: (res) => {
+          that.setData({
+            useWebsocket: true
+          })
+          wx.showToast({
+            title: "已切换成Websocket接口",
+            icon: "none"
+          })
+        }
+      })
+    }
   }
 })

bingchat/pages/index/index.json

@@ -1,4 +1,4 @@
 {
   "usingComponents": {
-  }
+	}
 }

bingchat/pages/index/index.wxml

@@ -1,5 +1,5 @@
 <chat-box bindsuggestSubmit="onSuggestSubmit" bindcancelReceive="onCancelReceive"></chat-box>
 <view style="bottom:{{inputBottom}}px; border-radius: 20rpx;margin-left: 1%;width: 98%;min-height: 100rpx;position: fixed;background-color: #f4f6f8;display: flex;align-items:flex-start; justify-content: space-between;{{textareaFocus ? 'border: 1rpx solid;': ''}}">
-	<textarea bindfocus="inputFocus" bindblur="inputBlur" value="{{content}}" adjust-position="{{false}}"  focus="{{textareaFocus}}" maxlength="2000" auto-height="{{true}}" cursor-spacing="10" bindconfirm="submit" fixed="{{true}}" show-confirm-bar="{{false}}" confirm-type="send" placeholder="{{systemInfo.platform == 'mac' || systemInfo.platform == 'windows' ? '请输入问题，输入>>>提交...': '请输入问题...'}}" style="padding: 10rpx;flex: 9;" placeholder-style="color: #b4bbc4" bindtap="focus" bindinput="inputData"></textarea>
+	<textarea bindfocus="inputFocus" bindblur="inputBlur" value="{{content}}" adjust-position="{{false}}"  focus="{{textareaFocus}}" maxlength="2000" auto-height="{{true}}" cursor-spacing="10" bindconfirm="submit" fixed="{{true}}" show-confirm-bar="{{false}}" confirm-type="send" placeholder="{{systemInfo.platform == 'mac' || systemInfo.platform == 'windows' ? '请输入问题，输入>>>提交...': '请输入问题...'}}" style="padding: 10rpx;flex: 9;line-height: normal;" placeholder-style="color: #b4bbc4" bindtap="focus" bindinput="inputData" bindlongpress="swithRequestMethod"></textarea>
 	<view style="background-color: #f4f6f8;color: {{content ? black : '#b4bbc4'}};border-radius: 0 20rpx 20rpx 0;height: 90rpx;cursor: pointer;margin-right: 15rpx;padding-top:10rpx;font-size: 32rpx;" bindtap="submit" wx:if="{{systemInfo.platform != 'ios'}}">发送</view>
 </view>