GoEasy实现简单聊天室
1.注册GoEasy
官网:http://goeasy.io
官方文档:https://www.goeasy.io/cn/doc/server/publish.html
2.获取Appkey
2.1.官网注册账号
账号:178784507@qq.com 密码:…
2.2.新建一个免费的application,其中application name就是下面的channel,这时,系统会分配给你appkey
应用分免费版的和收费版(免费版最多只能创建2个应用),我这里用的是免费版。创建完应用之后如下图。
其中。appkey是验证用户的有效性的唯一标识。系统会生成两个keys,一个Super key和一个Subscribe key;它们的区别在于前者既可以订阅又可以推送,但后者只能用于订阅。
App keys:
2.3.导入SDK
Javascript:
1 <script type="text/javascript" src="http(s)://<CDN Host>/goeasy.js"></script>2 <script type="text/javascript">3 var goEasy = new GoEasy({4 appkey: "您的app key"5 });6 goEasy.subscribe({7 channel:"myChannel",8 onMessage:function(message){9 alert(message.content);
10 }
11 });
12 </script>
注意:
- 请不要将goeasy.js下载到本地,GoEasy动态为不同浏览器提供不同内容的goeasy.js,使用下载到本地的goeasy.js,将会导致某些浏览器 不能发送和接收消息。
- 如果您的应用程序需要支持Windows XP用户, 请务必使用HTTP来获取js文件,GoEasy将于2016年9月22日升级所有 SSL证书至SHA-2,届时起Windows XP用户将无法通过HTTPS连接GoEasy。
Java
方式一: 手动下载sdk
goeasy-sdk.jar
下载依赖包: gson-2.3.1.jar, slf4j-api-1.7.2.jar
方式二: Maven
添加goeasy仓库到您的pom.xml文件:
<repositories><repository><id>goeasy</id><name>goeasy</name><url>http://maven.goeasy.io/content/repositories/releases/</url></repository>
</repositories>
然后添加依赖:
<dependencies><dependency><groupId>io.goeasy</groupId><artifactId>goeasy-sdk</artifactId><version>0.3.8</version></dependency>
</dependencies>
3.代码实现
<%@ page pageEncoding="UTF-8" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="path" value="${pageContext.request.contextPath}" /><script src="${path}/bootstrap/js/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.goeasy.io/goeasy-1.0.3.js"></script>
<script>var goEasy = new GoEasy({host:'hangzhou.goeasy.io', //应用所在的区域地址: 【hangzhou.goeasy.io |singapore.goeasy.io】appkey: "BC-df0a45499f274b2bae29aes50a6a12dc9", //替换为您的应用appkey});//发送消息$(function(){var nputMsg;/*订阅消息*/goEasy.subscribe({channel: "hehehe",onMessage: function (message) {//获取接收的内容var send = message.content;//接收的是不是我发的内容if(nputMsg==send){//是 不处理}else{//不是追加处理//渲染发送页面var msgDiv=("<div style=';width:auto;height: 30px;'>" +"<div style='float:left;background-color: #9a9afb;border-radius: 12px'>"+message.content+"</div>" +"</div>");//每次发消息追加$("#showMsg").append(msgDiv);}}});//点击发送按钮发送消息$("#sendMsg").click(function(){//获取输入框输入的内容var content=$("#content").val();//给InputMsg赋值nputMsg=content;//发送消息goEasy.publish({channel: "hehehe", //替换为您自己的channelmessage: content, //替换为您想要发送的消息内容onSuccess:function(){//清空输入框$("#content").val("");//渲染发送页面var msgDiv=("<div style=';width:auto;height: 30px;'>" +"<div style='float:right;background-color: #acdd4a;border-radius: 12px'>"+content+"</div>" +"</div>");//每次发消息追加$("#showMsg").append(msgDiv);},onFailed: function (error) {alert("消息发送失败,错误编码:"+error.code+" 错误信息:"+error.content);}});});});
</script><!doctype html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport"content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title></head><body><div align="center" ><div style="width: 600px;height:700px;border: 3px #acdd4a solid"><%--消息展示框--%><div id="showMsg" style="width: 594px;height:600px;border: 3px #ccaadd solid" ></div><%--消息展示框--%><div style="width: 594px;height:88px;border: 3px #a6e1ec solid" ><%--输入框--%><textarea id="content" style="width: 500px;height:88px;"></textarea><%--提交按钮--%><button id="sendMsg" name="aaa" style="width: 70px;height:40px;background-color: pink">发送</button></div></div></div></body>
</html>
GoEasy实现简单聊天室相关推荐
- Websocket直播间聊天室教程 - GoEasy快速实现聊天室
最近两年直播那个火啊,真的是无法形容!经常有朋友问起,我想实现一个直播间聊天或者我想开发一个聊天室, 要如何开始呢? 今天小编就手把手的教你用GoEasy做一个聊天室,当然也可以用于直播间内的互动.全 ...
- java web利用mvc结构实现简单聊天室功能
简单聊天室采用各种内部对象不适用数据库实现. 一个聊天室要实现的基本功能是: 1.用户登录进入聊天室, 2.用户发言 3.用户可以看见别人发言 刚才算是简单的需求分析了,现在就应该是进 ...
- node.js入门 - 2.创建一个简单聊天室
这篇文章将通过开发一个简单聊天室的方式,介绍node.js的net模块. 一.第一版,只向客户端发送信息 我们先实现一个简单的版本,代码如下: var net=require('net'); va ...
- 利用socket.io+nodejs打造简单聊天室
代码地址如下: http://www.demodashi.com/demo/11579.html 界面展示: 首先展示demo的结果界面,只是简单消息的发送和接收,包括发送文字和发送图片. ws说明: ...
- Asp.Net SignalR - 简单聊天室实现
简单聊天室 使用持久链接类我们就可以做一些即时通讯的应用了,我使用Group做了一个简单的聊天室,先上图技术细节下面再讲 可以加入聊天室.创建聊天室.发送消息,下面就说说我是如何通过Group做出来的 ...
- java jsp聊天系统_java web实现简单聊天室
目标 servlet.jsp实现简单聊天室,用户通过浏览器登录后进入聊天室,可发送消息进行群聊,点击聊天信息框中的用户名可实现拍一拍功能. 基础知识 数据的存取 setAttribute / getA ...
- SpringBoot +WebSocket实现简单聊天室功能实例
SpringBoot +WebSocket实现简单聊天室功能实例) 一.代码来源 二.依赖下载 三.数据库准备(sql) 数据库建表并插入sql 四.resources文件配置 application ...
- c聊天室系统asp ajax,利用AJAX和ASP.NET实现简单聊天室
利用AJAX和ASP.NET实现简单聊天室 我的第一个简单的Chatroom是用ASP3.0写成的.那无外乎有二个TextBox,他们发送消息 给程序变量然后显示在一个每秒刷新的页面上.在那个时代,一 ...
- swoole 项目实战——实现简单聊天室
前言:了解了概念之后就应该练练手啦,不然就是语言的巨人,行动的矮子啦 代码仓库 实战 swoole[聊天室] 在线体验 准备工作 需要先看初识 swoole[上],了解基本的服务端 WebSocket ...
- python socket 网络聊天室_Python基于Socket实现简单聊天室
本文实例为大家分享了Python基于Socket实现简单聊天室,供大家参考,具体内容如下 服务端 #!/usr/bin/env python # -*- coding: utf-8 -*- # @Ti ...
最新文章
- 自定义ArcGIS JavaScript 工具条样式
- Docker 调试技巧
- LINUX下使用https访问站点
- java数据库程序实例_Java连接各种数据库的实例大全
- 使用【Linux操作系统】必须掌握的基本命令
- 个人手写笔记,灵感收集.
- 在项目中使用HTMLDom的事件冒泡机制
- cesium模型不遮挡点线面_VueCLI3.0干货系列之集成Cesium三维地球框架
- 对位藏头诗 ——《集异璧之大成 》
- vi打开文件提示Another program may be editing the same file
- 【考研政治】徐涛马克思主义基本原理串讲 笔记(更新中)
- arm linux 中littlevgl支持tslib的方法
- Java中文加密解密
- 机器学习(十一)机器学习系统设计
- 找一个有钱的男朋友是什么体验?
- 减少网络暴力,从你我他做起。
- android edittext 表情,Android在一个edittext中添加更多表情符号?
- 计算机专业与金融专业那个好,计算机和金融专业哪个更好
- PHP基础——相册管理系统的实现
- Linux 云计算常用英语单词和语句汇总—1.0