websocket-livechat-demo:Websocket聊天组件的示例

时间:2024-05-02 09:09:02
【文件属性】:

文件名称:websocket-livechat-demo:Websocket聊天组件的示例

文件大小:109KB

文件格式:ZIP

更新时间:2024-05-02 09:09:02

PHP

Livechat Websocket演示 此回购包含一个基本的WP主题 。 在该主题内有一个称为“聊天”的新组件。 该组件包含一个表单和列表,如果提供了一个向所有连接的客户端广播其接收到的内容的websocket地址(例如此 ),则它允许在该处使用该功能的任何用户之间进行实时聊天消息传递。同时。 当使用表单发送消息时,将其发送到Websocket,然后将消息广播到所有连接的客户端,客户端将接收该消息并将新消息作为列表的一部分写入DOM,然后每个接收的浏览器将将消息列表存储在sessionStorage中,以维护页面重新加载之间的数据。 要进行测试,请按照主题的安装说明进行操作,并将主题设置为WordPress网站的一部分。 然后,您将需要使用“页面构建器”模板创建页面并添加组件,这将需要一个websocket服务器地址。 您可以使用此在诸如Heroku之类的服务上创建一个,并使用提供


【文件预览】:
websocket-livechat-demo-master
----acf-json()
--------group_606dbdb563278.json(8KB)
----footer.php(389B)
----archive.php(310B)
----tailwind.config.js(423B)
----template-page-builder.php(662B)
----lib()
--------utils()
--------timber-setup.php(103B)
--------theme-setup.php(982B)
--------enqueues.php(457B)
----header.php(696B)
----components()
--------chat()
--------example()
----gulpfile.js(3KB)
----assets()
--------styles()
--------scripts()
----functions.php(1KB)
----composer.lock(18KB)
----screenshot.png(264B)
----README.md(2KB)
----index.php(352B)
----page.php(545B)
----single.php(357B)
----browserSyncConfigExample.json(68B)
----.gitignore(79B)
----package-lock.json(330KB)
----404.php(355B)
----style.css(430B)
----package.json(913B)
----composer.json(60B)

网友评论