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函数可以把用户输入的话显示在对话列表。
测试网址
主要代码
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 协议》,转载必须注明作者和本文链接
推荐文章: