AS3实例:使用 Socket 、Java ,开发一个 C / S 架构的多人聊天室

2024-05-04 18:58

本文主要是介绍AS3实例:使用 Socket 、Java ,开发一个 C / S 架构的多人聊天室,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

今天我们来制作 Flash 聊天室,学习使用 Socket 类,用 Java 作后台,开发一个 C / S  架构的多人聊天程序。首先,设计用户界面。

一、界面设计



界面的元件全部使用 Flash CS3 自带的组件:
  首先,放入 TextInput 组件(实例名  input_txt),作为用户输入;
  再放入 Button 组件(实例名  submit_btn),用于提交输入的信息;
  最后放入 TextArea 组件(实例名  output_txt),显示聊天信息。

二、组件参数初始化
  由于客户端代码不是很多,我们这次就写在动作帧上:

// ************ 组件参数初始化  ************
submit_btn.label = "发送消息";
output_txt.editable =  false;// 设置各组件中字体的大小
input_txt.setStyle("textFormat", new  TextFormat(null, 15));
output_txt.setStyle("textFormat", new TextFormat(null,  15));
submit_btn.setStyle("textFormat", new TextFormat(null, 15, null,  true));// 当按下回车或点击 submit_btn  按钮后调用事件处理函数
submit_btn.addEventListener(MouseEvent.CLICK,  sendMessage);
addEventListener(KeyboardEvent.KEY_DOWN, onKeyDown);//  事件处理函数
function onKeyDown(evt:KeyboardEvent):void {if  (evt.keyCode == Keyboard.ENTER) {sendMessage(null);}
}function  sendMessage(evt:Event):void {// 测试:将 input_txt 的内容输出到  output_txt 中output_txt.appendText(input_txt.text +  "\n");// 清空 input_txt,并设置焦点到  input_txtinput_txt.text = "";stage.focus = input_txt;
}
  三、编写客户端  Socket

1. 首先,Socket 连接非常简单:

  var socket:Socket =  new Socket();socket.connect("127.0.0.1", 8888);
 
其中  connect() 方法中的两个参数分别为是主机名和端口号(端口号尽量用 1024 以上)。好了,这样就连接上了。接下来是读写的问题。

2.  向 服务器端写入字符串:我们在 sendMessage() 方法中进行写入操作,注意写出的字串必需以回车(\n)结束:
function  sendMessage(evt:Event):void {var bytes:ByteArray = new  ByteArray();bytes.writeUTFBytes(input_txt.text  + "\n");socket.writeBytes(bytes);socket.flush();// 清空  input_txt,并设置焦点到 input_txtinput_txt.text =  "";stage.focus = input_txt;
}
 
3.  读取服务器端写回的字符串:最后将服务器发回的字符串输出到 output_txt 文本域中:
// 当客户端 socket 收到数据后会调用  readMessage() 函数
socket.addEventListener(ProgressEvent.SOCKET_DATA,  readMessage);function readMessage(evt:ProgressEvent):void  {output_txt.appendText(socket.readUTF() +  "\n");
}
 四、Flash 客户端全部脚本

//  ************ 组件参数初始化 ************
submit_btn.label =  "发送消息";
output_txt.editable = false;input_txt.setStyle("textFormat",  new TextFormat(null, 15));
output_txt.setStyle("textFormat", new  TextFormat(null, 15));
submit_btn.setStyle("textFormat", new TextFormat(null,  15, null, true));submit_btn.addEventListener(MouseEvent.CLICK,  sendMessage);
addEventListener(KeyboardEvent.KEY_DOWN,  onKeyDown);function onKeyDown(evt:KeyboardEvent):void  {if (evt.keyCode == Keyboard.ENTER)  {sendMessage(null);}
}function  sendMessage(evt:Event):void {var bytes:ByteArray = new  ByteArray();bytes.writeUTFBytes(input_txt.text +  "\n");socket.writeBytes(bytes);socket.flush();input_txt.text =  "";stage.focus = input_txt;
}// ************  客户端 Socket ************
var socket:Socket = new  Socket();
socket.connect("127.0.0.1",  8888);
socket.addEventListener(ProgressEvent.SOCKET_DATA,  readMessage);function readMessage(evt:ProgressEvent):void  {output_txt.appendText(socket.readUTF() +  "\n");
}
 

五、编写 Java 服务器端  Socket
  最后,我们需要编写 Java  后台服务器端的代码。
  首先,创建一个 ServerSocket 作为Socket 服务器。当有客户端连接后通过  accept() 方法即可得到客户端的 Socket:

ServerSocket socketServer = new  ServerSocket(8888);
System.out.println("服务器已启动,等待客户端连接");// accept()  方法是阻塞式的,当有客户端连接成功后才继续执行
Socket socket =  socketServer.accept();
System.out.println("客户端连接成功");
 

然后得到与客户端的输入流和输出流(输入流是客户端连接到服务器的管道,输出流则是服务器到客户端的管道):
//  获得输入流和输出流,输入流为 BufferedReader 类型,输出流为 DataOutputStream 类型
BufferedReader  reader =
new BufferedReader(new  InputStreamReader(socket.getInputStream(), "UTF-8"));
DataOutputStream writer  = new  DataOutputStream(socket.getOutputStream());  
  

拿到输入输出流以后,就可以通过输入流(InputStream)读取  Flash 客户端发来的字符串,通过输出流(OutputStream)向 Flash 客户端写字符串:
while (true)  {// readLine()  方法也是阻塞式的,当客户端有消息发来就读取,否则就一直等待String msg =  reader.readLine();// 当客户端发送的字符串为  null 时,说明客户端已经关闭,此时退出循环if (msg == null)  {System.out.println("客户端已离开");break;}//  将读入的信息加工后再写回客户端writer.writeUTF("写回客户端的" +  msg);
}
 
  以上是ServerSocket 与 AS 3 Socket  通信的基本原理。在实际应用中,会有多个客户端连接这个ServerSocket,因此要创建一个多线程的 Socket  服务器。
  下面简述一下多线程 Socket 服务器原理:当socketServer.accept()  之后就需要实例化一个线程对象,在该对象中持有socketServer.accept() 返回的 Socket  对象,然后让线程跑起来执行读写操作。如果再来一个客户端就再跑一个线程,同样执行读写操作。同时,用一个 List  容器来管理这些对象。
  最终服务器端的代码如下:
import  java.io.BufferedReader;
import java.io.DataOutputStream;
import  java.io.IOException;
import java.io.InputStreamReader;
import  java.io.UnsupportedEncodingException;
import  java.net.ServerSocket;
import java.net.Socket;
import  java.util.ArrayList;
import java.util.Iterator;
import  java.util.List;public class FlashScoket {private  List<Client> clientList = new  ArrayList<Client>();public  static void main(String[] args) {new  FlashScoket().runSocket();}private void runSocket()  {try {ServerSocket socketServer = new  ServerSocket(8888);System.out.println("服务器已启动,等待客户端连接");while (true) {// accept() 方法是阻塞式的,当有客户端连接成功后才继续执行Socket socket =  socketServer.accept();System.out.println("客户端连接成功");// 实例化一个 Client  对象,并启动该线程Client client = new Client(socket);clientList.add(client);client.start();}} catch (IOException e) {e.printStackTrace();}}class  Client extends Thread {private Socket  socket;private BufferedReader reader;private DataOutputStream writer;private  Client(Socket socket) {this.socket = socket;try {// 获得输入流和输出流,输入流为 BufferedReader 类型,输出流为  DataOutputStream 类型reader = new BufferedReader(new  InputStreamReader(socket.getInputStream(), "UTF-8"));writer = new  DataOutputStream(socket.getOutputStream());} catch (UnsupportedEncodingException  e) {e.printStackTrace();} catch (IOException e) {e.printStackTrace();}}@Overridepublic void run()  {try  {while (true) {// readLine()  方法也是阻塞式的,当客户端有消息发来就读取,否则就一直等待String msg =  reader.readLine();// 当客户端发送的字符串为 null  时,说明客户端已经关闭,此时退出循环if (msg == null) {clientList.remove(this);System.out.println("客户端已离开");break;}// 将读入的内容写给每个客户端for  (Iterator<Client> it = clientList.iterator(); it.hasNext();)  {Client client =  it.next();client.getWriter().writeUTF(msg);}}} catch (IOException e)  {e.printStackTrace();} finally {// 关闭 socket 及相关资源try {if  (reader != null) {reader.close();}} catch (IOException e)  {e.printStackTrace();} finally {try  {if (writer != null)  {writer.close();}}  catch (IOException e) {e.printStackTrace();} finally {try {if (socket != null) {socket.close();}} catch (IOException e)  {e.printStackTrace();}}}}}public DataOutputStream getWriter() {return writer;}}
}
 
六、补充技术
1. 如何测试?
* 首先要编译FlashScoket ——  javac FlashScoket
* 然后启动FlashScoket —— java FlashScoket
* 最后将 Flash 发布为  exe  文件格式,同时开启多个即可。

2. 自动跟踪到最后一行:当收到新的消息时自动滚动到最后一行,在 readMessage()  方法中加入:
output_txt.verticalScrollBar.scrollPosition =  output_txt.verticalScrollBar.maxScrollPosition;
 

3.  当出现输入/输出错误并导致发送或加载操作失败时提示用户,加入对IO_ERROR  的侦听:
socket.addEventListener(IOErrorEvent.IO_ERROR,  socketIOError);
function socketIOError(evt:IOErrorEvent):void  {output_txt.appendText("服务器端尚未开启,请稍后再试\n");
}
 

4. 在sendMessage()  中加入对空字符串的验证,如果为空则 return:
if (input_txt.text == "") {return;
}
 

5. 在消息前面显示用户名:大家可以制作一个登录页面,输入用户名,假设已将输入的用户名存放在 userName  变量中,在写入时加进去:
  var userName:String = "FL 车在臣";
在  sendMessage() 中相应改为:
  bytes.writeUTFBytes(userName + " : "  + input_txt.text + "\n");
 

6. 使用output_txt .htmlText  输出文字,那么相应的写入格式可以调整为:
bytes.writeUTFBytes("<font color='#0000FF'>" +  userName + " : </font>" + input_txt.text + "\n");
 

这篇关于AS3实例:使用 Socket 、Java ,开发一个 C / S 架构的多人聊天室的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/959882

相关文章

python使用fastapi实现多语言国际化的操作指南

《python使用fastapi实现多语言国际化的操作指南》本文介绍了使用Python和FastAPI实现多语言国际化的操作指南,包括多语言架构技术栈、翻译管理、前端本地化、语言切换机制以及常见陷阱和... 目录多语言国际化实现指南项目多语言架构技术栈目录结构翻译工作流1. 翻译数据存储2. 翻译生成脚本

Android 悬浮窗开发示例((动态权限请求 | 前台服务和通知 | 悬浮窗创建 )

《Android悬浮窗开发示例((动态权限请求|前台服务和通知|悬浮窗创建)》本文介绍了Android悬浮窗的实现效果,包括动态权限请求、前台服务和通知的使用,悬浮窗权限需要动态申请并引导... 目录一、悬浮窗 动态权限请求1、动态请求权限2、悬浮窗权限说明3、检查动态权限4、申请动态权限5、权限设置完毕后

C++ Primer 多维数组的使用

《C++Primer多维数组的使用》本文主要介绍了多维数组在C++语言中的定义、初始化、下标引用以及使用范围for语句处理多维数组的方法,具有一定的参考价值,感兴趣的可以了解一下... 目录多维数组多维数组的初始化多维数组的下标引用使用范围for语句处理多维数组指针和多维数组多维数组严格来说,C++语言没

Spring Cloud LoadBalancer 负载均衡详解

《SpringCloudLoadBalancer负载均衡详解》本文介绍了如何在SpringCloud中使用SpringCloudLoadBalancer实现客户端负载均衡,并详细讲解了轮询策略和... 目录1. 在 idea 上运行多个服务2. 问题引入3. 负载均衡4. Spring Cloud Load

Springboot中分析SQL性能的两种方式详解

《Springboot中分析SQL性能的两种方式详解》文章介绍了SQL性能分析的两种方式:MyBatis-Plus性能分析插件和p6spy框架,MyBatis-Plus插件配置简单,适用于开发和测试环... 目录SQL性能分析的两种方式:功能介绍实现方式:实现步骤:SQL性能分析的两种方式:功能介绍记录

在 Spring Boot 中使用 @Autowired和 @Bean注解的示例详解

《在SpringBoot中使用@Autowired和@Bean注解的示例详解》本文通过一个示例演示了如何在SpringBoot中使用@Autowired和@Bean注解进行依赖注入和Bean... 目录在 Spring Boot 中使用 @Autowired 和 @Bean 注解示例背景1. 定义 Stud

使用 sql-research-assistant进行 SQL 数据库研究的实战指南(代码实现演示)

《使用sql-research-assistant进行SQL数据库研究的实战指南(代码实现演示)》本文介绍了sql-research-assistant工具,该工具基于LangChain框架,集... 目录技术背景介绍核心原理解析代码实现演示安装和配置项目集成LangSmith 配置(可选)启动服务应用场景

使用Python快速实现链接转word文档

《使用Python快速实现链接转word文档》这篇文章主要为大家详细介绍了如何使用Python快速实现链接转word文档功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 演示代码展示from newspaper import Articlefrom docx import

oracle DBMS_SQL.PARSE的使用方法和示例

《oracleDBMS_SQL.PARSE的使用方法和示例》DBMS_SQL是Oracle数据库中的一个强大包,用于动态构建和执行SQL语句,DBMS_SQL.PARSE过程解析SQL语句或PL/S... 目录语法示例注意事项DBMS_SQL 是 oracle 数据库中的一个强大包,它允许动态地构建和执行

前端原生js实现拖拽排课效果实例

《前端原生js实现拖拽排课效果实例》:本文主要介绍如何实现一个简单的课程表拖拽功能,通过HTML、CSS和JavaScript的配合,我们实现了课程项的拖拽、放置和显示功能,文中通过实例代码介绍的... 目录1. 效果展示2. 效果分析2.1 关键点2.2 实现方法3. 代码实现3.1 html部分3.2