本节完成以下知识点:

√H5客户端处理Leaf返回消息处理(MongoDB暂时不接入)

√讨论下后面我们以Leaf游戏框架+H5做什么游戏

---

上节回顾

√leaf游戏服务器处理玩家登陆逻辑

√H5客户端实现（未解析数据BLOB）

---

H5客户端处理Leaf返回消息处理

        function onMessage(evt) {
            console.log(evt);
            var filrReader = new FileReader();
            filrReader.onload = function() {
                var arrayBuffer = this.result;
                var decoder = new TextDecoder('utf-8')
                var json = JSON.parse(decoder.decode(new DataView(arrayBuffer)));
                console.log(json);
            };
            filrReader.readAsArrayBuffer(evt.data);
        };

---

Leaf服务器返回给H5的JSON消息结构
文件位置：server\login\internal\handler.go

package internal
import (
    "reflect"
    "server/msg/protocolfile"
    "github.com/name5566/leaf/gate"
    "github.com/name5566/leaf/log"
)
func handleMsg(m interface{}, h interface{}) {
    skeleton.RegisterChanRPC(reflect.TypeOf(m), h)
}
func init() {
    // 向当前模块（login 模块）注册 Protocol.UserLogin 消息的消息处理函数 handleTest
    handleMsg(&Protocol.UserLogin{}, handleTest)
}
// 消息处理
func handleTest(args []interface{}) {
    // 收到的 Test 消息
    m := args[0].(*Protocol.UserLogin)
    // 消息的发送者
    a := args[1].(gate.Agent)
    // 1 查询数据库--判断用户是不是合法
    // 2 如果数据库返回查询正确--保存到缓存或者内存
    // 输出收到的消息的内容
    log.Debug("Test login %v", m.LoginName)
    log.Debug("---------", Protocol.UserLogin{
        LoginName: "client",
    })
    dd := &Protocol.UserLogin{
        LoginName: "client",
        LoginPW:   "client",
    }
    //a.PlaySendMessage(dd)
    a.WriteMsg(dd)
}

---

测试结果

H5网页显示结果 如下：