小蝌蚪聊天室,实时互动聊天

原创  郑建华   2020-02-20   69人阅读  1 条评论
摘要:

    小蝌蚪聊天室,采用PHP(workerman框架)+HTML5技术开发,是一款以workerman作为应用服务器,前端采用HTML5+WebSocket开发的小蝌蚪即时交互游戏。 游戏交互很简单,点击屏幕小蝌蚪可以自由游动,其它玩家可以看到周围玩家的游动状态,并且可以即时聊天。    在线地址:http://tools.zjh336.cn/kedou/kedou.html 特性前端采用HTML5开发

    小蝌蚪聊天室,采用PHP(workerman框架)+HTML5技术开发,是一款以workerman作为应用服务器,前端采用HTML5+WebSocket开发的小蝌蚪即时交互游戏。 游戏交互很简单,点击屏幕小蝌蚪可以自由游动,其它玩家可以看到周围玩家的游动状态,并且可以即时聊天。

    在线地址:http://tools.zjh336.cn/kedou/kedou.html 

特性

  • 前端采用HTML5开发

  • 以PHP的workerman框架开发后台游戏服务器

  • 后端PHP多进程支持

  • 采用WebSocket协议

  • PHP实时推送技术

  • 即时互动

  • 即时聊天

  • 独立运行,不依赖Mysql、apache、nginx等软件

该应用既支持服务器完整部署,也支持纯静态页面部署访问公共服务端


一、服务器完整部署

windows服务器

1、下载应用源码到服务

image.png

2、配置php环境变量

获取php安装路径,即带有php.exe文件的文件目录,再点击我的电脑右键,选择系统属性,依照下图步骤,将路径设置到path变量结尾处。

image.png

3、双击start_for_win.bat启动

image.png

其中可能会提示proc_open、proc_get_status两个函数不可用,需要将php设置的禁用函数列表中剔除这两项

以宝塔面板的php管理为例

image.png

4、访问http://127.0.0.1:8383 即可打开

以上图为例其中ws://120.0.0.1:8282 为应用服务端口   如果想直接这样就访问了,需要给云服务器安全组规则开放端口


linux服务器

1、yum install php-cli php-process git

2、下载 源码 并解压到任意目录

3、cd 目录 php start.php start -d

4、大功告成!浏览器访问 http://ip:8383 (如果无法访问请检查服务器防火墙)


二、服务器静态页面部署

1、下载源码将其拷贝到网站目录下

image.png

2、访问http://域名/kedou.html 即可访问


三、两种方式结合部署

如果你既想采用自己的服务器运行服务端代码,又想以html方式访问,则可以如下操作

两种方式均部署好之后,打开静态版本的js/Settings.js文件

将其中的应用地址设置成你服务器的地址,此地址端口详见第一种方式部署的成功页面

image.png


使用同一个服务端地址的聊天室,互相可见。


四、源码下载

服务端链接:https://cloudreve.zjh336.cn/s/ucgjhj88

静态页面链接:https://cloudreve.zjh336.cn/s/7wifffug


请关注公众号 华仔部落 回复 蝌蚪聊天室源码 获取密码

image.png

本文地址:https://www.zjh336.cn/?id=254
版权声明:本文为原创文章,版权归 郑建华 所有,欢迎分享本文,转载请保留出处!

发表评论


表情

 评论列表

  1. Saucer
    Saucer 【农民】  @回复

    这个聊天室好有趣!今天叫了些人来玩 φ( ̄∇ ̄o) ,要是能发表情包就好了!