h5学习笔记:小程序websocket 小实验

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/hero82748274/article/details/88704271

趁着今晚也开始记录一下小程序的websocket,留着日后使用使用
查阅接口文档小

在这里插入图片描述
程序的websocket() 方法提供了链接,监听消息,错误处理和链接响应,发送消息等几个日常见到的接口。因此使用起来小程序复杂度并不高。鉴于今晚只是小实验。简单来个小测试接口即可。

1 .编写小程序测试用例

下面写一段简单发送测试用例:

//index.js
//获取应用实例
const app = getApp()

Page({
  data: {
      status:"暂无状态",
      content:"暂无内容",
  },
 
  onLoad: function () {
     var url = "ws://127.0.0.1:8081/message"
     this.socket = wx.connectSocket({
      url:url
    })
     
    this.socket.onOpen(()=>{
      wx.showToast({
        title: '链接成功',
      })
      this.setData({ status: "链接成功" })
      console.log("链接成功");
    })

    this.socket.onError(()=>{
      wx.showToast({
        title: '链接失败',
      })
      console.log("链接失败");
      this.setData({ status: "链接失败" })
    })

    this.socket.onClose(()=>{
      wx.showToast({
        title: '关闭了',
      })
      console.log("关闭了");
      this.setData({ status: "关闭了" })
    })  

    this.socket.onMessage((res)=>{
      console.log("收到消息:"+res.data)
      this.setData({ content: "收到消息:" +res.data})
    })

  },
  onSendData:function(){

    this.socket.send({data:"1001"})
  }

 
})

<!--index.wxml-->
<view class="container">
   <view>
      {{status}}
   </view>

   <button type='primary' bindtap='onSendData'>发送数据</button>

   <view class='ui-content'>
    {{content}}
   </view>
</view>

在这里插入图片描述

写完后,该用例会有一个按钮进行发送到websocket那里。接下来,就要着手一下websocket的服务器。

2 .编写golang测试用例

websocket 服务器则使用golang 语言的websocket 接口进行测试。(注意:选择用golang 写websocket好处是容易上手,不过golang在我看来是一门易学难精的语言,鉴于只是一个实验暂时满足我短期水平的需求。)
使用golang的websocket 来进行测试用例。golang的websocket 并不复杂,简化使用了能够测试接口即可。这次接收的前端小程序的指令的时候会发送反馈。

package main

import (
	"fmt"
	"net/http"

	"golang.org/x/net/websocket"
)

func main() {

	http.Handle("/message", websocket.Handler(onMessage))
	err := http.ListenAndServe(":8081", nil)
	if err != nil {
		panic("ListenAndServe: " + err.Error())
	}
}

func onMessage(ws *websocket.Conn) {
	var err error
	for {

		var receivemsg string
		if err = websocket.Message.Receive(ws, &receivemsg); err != nil {
			fmt.Println("can't not receive message")

			break
		}

		if receivemsg != "" {

			if receivemsg == "1001" {
				websocket.Message.Send(ws, "ok")  //收到指令会返回一个ok信息给小程序
			} else {
				websocket.Message.Send(ws, "不存在指令")
			}

		}

	}

}

小程序的按钮会触发一个指令 1001的字符串,会直接发送到golang里面进行接收,

  this.socket.send({data:"1001"})

golang 会在死循环里面一直监听客户端的信息。在接收到数据为字符串1001的时候则会返回一个ok信号给小程序。如果不是该指令则会返回一个另外一个信息。

func onMessage(ws *websocket.Conn) {
	var err error
	for {

		var receivemsg string
		if err = websocket.Message.Receive(ws, &receivemsg); err != nil {
			fmt.Println("can't not receive message")

			break
		}

		if receivemsg != "" {

			if receivemsg == "1001" {
				websocket.Message.Send(ws, "ok")
			} else {
				websocket.Message.Send(ws, "不存在指令")
			}

		}

	}

}

在这里插入图片描述

今晚只是进行一个小实验,其实小程序还可以发送二进制,相比字符串会稍微复杂一点。还得去研究一下才行。有了这个基础后,我们可以通过小程序发出的指令对硬件云端设备进行开关的响应。

猜你喜欢

转载自blog.csdn.net/hero82748274/article/details/88704271