swoole 的练习 demo(1)

swoole 的练习 demo(1)

一直不能下决心好好学习,仔细研究一下,决定用尽量降低难度曲线的方法,从易到难,一步一步的学习,所以整了个demo项目。

git仓库

git clone https://github.com/lang123789/swoole_demo.git
然后设置了标签,本文对应 v1.0
cd swoole_demo
git checkout v1.0

有提示错误之类,但代码已经切换到 v1.0 了。
然后需要自己配置好本地的 nginx ,这样才能用浏览器访问。

需求

1、写一个html静态页面,带样式,带js函数可以把用户输入的话显示在对话列表。

测试网址

127.0.0.1/index.html

主要代码

function my_message_html(incoming_message) {
    var newMessage = '<div class="me-wrapper">' +
        '<div class="me-message container">' + incoming_message + '</div>' +
        '<div class="me-avatar">' +
        '我自己' +
        '</div></div>';
  return newMessage;
}

function chatter_message_html(incoming_message) {
    var newMessage = '<div class="current-chatter-wrapper">' +
        '<div class="chatter-avatar">' +
        '管理员' +
        '</div>' +
        '<div class="chatter-message container">' + incoming_message + '</div>' +
        '</div>';
  return newMessage;
}

function update_chatWindow(incoming_message, from) {
    if (from === 1) {
        var msg_html = my_message_html(incoming_message);
  } else if (from === 0) {
        var msg_html = chatter_message_html(incoming_message);
  }
    $(".chat-window").append(msg_html);
}

代码说明

本文的代码其实与 websocket 没关系,只需建立一个有 js 的 html 页面,能点击按钮,假装发送消息即可。

本作品采用《CC 协议》,转载必须注明作者和本文链接
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!