flash与后台数据交换方法整理1-LoadVars篇
P.S
最近有一些网友总是询问flash与后台数据交互的问题,因此我就做了一些总结和整理,也想方便大家了!
目前据我所知,Flash与后台数据交互共有下列几种方法(如果你觉得不全,你可告知一下,我会添加上去了):
1.LoadVars(XML)
2.Flash Remoting
3.Webservice
4.XMLSocket
一.LoadVars篇
我之所以把XML也放在这里说,是因为XML和LoadVars数据交互的方式大体相同,就是传递时的数据内容有点不一样而已!
我现在列出在开发过程最常用的"用户密码验证"实例,加以说明!
//=======================================================;
// Flash代码;
//=======================================================;
//定义LoadVars对象;
var data_lv = new LoadVars();
//提交的用户名变量和参数值;
data_lv.username = "kinglong";
//提交的密码变量和参数值;
data_lv.password = "king";
//提交后返回结果;
data_lv.onLoad = function(success){
//success,数据提交是否成功;
//这个只是表示数据传输是否成功,并不是用户验证的结果;
if(success){
trace("数据提交成功!");
//result也是用户验证返回的实际结果!
if(this.result=="true"){
trace("yes");
}else{
trace("no");
}
}else{
trace("数据提交失败!");
}
}
//数据提交方法调用;
//第一参数就是提交的页面地址;
//第二参数就是返回结果对象(只要是LoadVars对象就可以了);
//第三参数就是提交方式(这个和html中form表单类似,分为"post"和"get"两种方式)
data_lv.sendAndLoad("http://www.klstudio.com/save.asp",data_lv,"post");
//=======================================================;
//后台服务端页面处理及返回内容;
//=======================================================;
//接收flash提交过来的变量和接收一个页面提交过来的变量一致的;
Request("username") 就是flash端username变量传过来的值"kinglong";
Request("password") 就是flash端password变量传过来的值"kinglong";
....数据库验证.....
//如果用户验证通过
&result=true
//如果用户验证失败
&result=false
//整个页面返回内容就是上面那一行内容,&result对应用着flash端的result变量;
//如果是多个返回值的话,就是&result=xxx&result1=xxx这种形式就可以了;
如有不清楚的地方,你可查看flash帮助文档!
至于XML的方式,请对应地查看flash帮助文档就可以了!
LoadVars方式的优点:
1.flash代码实现起来简单,方便.
2.服务端接收页面和接收一个表单过来的数据一样处理,不需要专门的技术,所有服务端程序都可以实现!
LoadVars方式的缺点:
1.传递的变量不宜过多.
2.变量传递的值不宜过长.
3.变量传递值只能使用"字符串"这一种数据类型,数据类型单一.
4.数据返回值当中不能有"&"字符,因此比较复杂的返回值都需进行URL编码处理.
下次就再整理一下Flash Remoting的相关方法
flash与后台数据交换方法整理2-Flash Remting篇
Submitted by kinglong on 2006-2-21 9:5:1
二、Flash Remoting
Flash Remoting这种数据接口是四个之中效率最高的！
其优点:
1.支持数据类型比较多(Converting from application server data types to ActionScript);
2.传递数据量比较大;
3.运行效率是现有几个当中最高的；
4.对各种后台的支持也比较好;
5.其还有调试模块(NetConnection Debugger)
其缺点：
1.需要flash端装Flash Remoting MX Components(这个是免费提供的);
2.需要后台服务端装相应版本的Flash Remoting模块才可以使用,MM提供的模块有j2ee和.net两个版本是要收费的,好在网上还有两个开源的(OpenAMF,AMFPHP);
3.好像Remoting对虚拟主机的支持不太好(可以去google搜索一下，有没有解决方法).
================================================================
Flash端代码说明：(我这里用as1.0版本为例，其他版本到MM站查找)
================================================================
//加载Remoting Component代码,这个是必须的;
#include "NetServices.as"
//加载Remoting 调试模块代码,这个是可选择的,用NetConnection Debugger查看调试信息;
#include "NetDebug.as"
if (inited == null){
inited = true;
//设置默认网关;
NetServices.setDefaultGatewayUrl("http://localhost:8500/flashservices/gateway");
//建立网关连接;
gateway_conn = NetServices.createGatewayConnection();
//获取一个服务;
myService = gateway_conn.getService("myservice", this);
}
//定义调用方法的函数;
function getString(name){
//调用Remoting的getString方法;
myService.getString(name);
}
//定义返回结果的函数;
function getString_Result(result){
//result就为返回的结果;
trace(result);
}
//定义返回状态的函数,此为可选的;
function getString_Status(error){
trace("getString_Status");
trace(error.code);
trace(error.description);
trace(error.details);
}
//调用函数;
getString("kinglong");
================================================================
服务端方法定义(我这里以Coldfusion Component为例,其他版本请参考相应的资料)
================================================================
<!---文件名为myservice.cfc--->
<cfcomponent displayname="我的服务">
<!---定义了getString方法,需将access设为remote,否则Flash remoting无法调用此方法--->
<cffunction name="getString" access="remote" returntype="string">
<cfargument name="name" type="string" required="true">
<cfset myResult = arguments.name & ",欢迎你!">
<cfreturn myResult>
</cffunction>
</cfcomponent>
另附上Flash Remoting的在线帮助文件(Flash Remoting LiveDocs),MM网站上的Remoting相关的资料.
flash与后台数据交换方法整理3-WebService篇
Submitted by kinglong on 2006-3-8 14:29:33
三、WebService
个人觉得WebService的数据访问速度，仅次于Remoting，但WebService是一种通用型的接口，一般服务端技术都支持的!
WebService的优点：
1.WebService的接口支持比较广泛（Java，ASP.Net，PHP，Coldfusion-我下面举例用）；
2.WebService是一个通用型的接口，所以服务端写的接口，不局限于Flash使用，其他程序也可以调用，"一举两得"!
3.WebService和Remoting一样，支持多种数据类型！
4.今天还发现FMS除了支持Remoting接口，也支持WebService接口了:)
WebService的缺点：
Flash客户端到是没有什么问题，Flash的开发工具就自带了(WebServiceConnector 组件),但服务端虽说大多都支持这个接口技术，但除了Coldfusion生成WebService方便外，其他的实现都挺复杂的！
//=======================================;
// Flash客户端代码；
// 对于代码不是很熟悉的可以直接使用WebServiceConnector 组件，进行设置设置就可以了。
// 我这里主要是写用代码来调用WebService方法。
// 当然这个前提是你要把WebServiceConnector 组件先放到库里，否则类就无法引用了。
//=======================================;
stop();
//引用WebService类;
import mx.services.WebService;
//定义WebService的路径;
var ws_url:String = http://localhost:8500/klstudio/myservice.cfc?wsdl;
//定义WebService对象;
var ws:WebService = new WebService(ws_url);
//调用WebService方法;
var callObject = ws.getString("kinglong");
//设置返回结果对象；
callObject.onResult = function(result){
trace("result:"+result);
}
//如果调用错误返回信息(这个是可选的)；
callObject.onFault = function(fault){
trace("fault:"+fault.faultstring);
}
注意：如果返回结果是一个数据集的话，那每个字段名都要用大写，不管你的服务端是否大写!
================================================================
服务端方法定义(我这里仍以Coldfusion Component为例,其他版本请参考上面提供的连接)
================================================================
<!---文件名为myservice.cfc--->
<cfcomponent displayname="我的服务">
<!---定义了getString方法,需将access设为remote,否则WebService无法调用此方法--->
<cffunction name="getString" access="remote" returntype="string">
<cfargument name="name" type="string" required="true">
<cfset myResult = arguments.name & ",欢迎你!">
<cfreturn myResult>
</cffunction>
</cfcomponent>
调用的时候，只要在cfc路径后面加"?wsdl"就可以了，方便吧！ ：）
flash与后台数据交换方法整理4-XMLSocket篇
Submitted by kinglong on 2006-3-13 11:34:51
四、XMLSocket
这是LoadVars(XML)、Flash Remoting、Webservice、XMLSocket四种方法整理的最后一篇，也让大家久等了（没想到前几篇的文章在网上挺受欢迎的，其中还有一人给我发邮件，相看我这个最后一篇，哈哈，还是挺欣慰的。对转载我要声明一下，首先这几篇文章欢迎转载的，但要说明文章的作者，以及文章的原址吧，我发现有些网站转载，连作者都不写了或者写的就不对。这一点会影响我以后写文章的心情的，特此说明一下!）。现在接下来转入正题了！
XMLSocket主要用于与服务端进行即时通信，目前的应用领域主要是Flash文本聊天和Flash在线游戏等方面。
XMLSocket的优点：
1、能和服务端即时通信；
2、Flash Player 5.0以上的版本内置类，不需另装组件或插件；
3、因为XMLSocket就是相当于一个Socket客户端，所以一般的中间件都支持的（如java，.Net等）
XMLSocket的缺点：
1、XMLSocket只能传字符串或xml格式的文本，数据类型单一；
2、XMLSocket服务端自行开发的话，需要对Socket技术比较了解才行，好在网上有现成的服务端软件（商业的XMLSocket Server 有Unity、Fortress；开源的XMLSocket Server 有Oregano Multiuser Server）；
3、还有就是XMLSocket的80端口与flash安全策略问题。（网上有一个解决方法，不知是否可行，请自行验证）
//=======================================;
// Flash客户端（以Flash文本聊天为例）;
//=======================================;
var paramObj:Object = new Object();
//命令分隔符；
paramObj.CommandDelimiters = "-@@##@@-";
//用户列表分隔符；
paramObj.PeopleDelimiters = "-@#@-";
//建立XMLSocket对象；
var socket:XMLSocket = new XMLSocket();
//连接状态事件；
socket.onConnect = function(success) {
trace("socket.onConnect:"+success);
if (!success) {
trace("服务器连接失败,请检查网络状态!");
}
};
//关闭事件；
socket.onClose = function() {
trace("服务端已关闭！");
logoutChat();
};
//数据通信事件；
socket.onData = function(src) {
//trace("socket.onData:"+src);
doCommand(getCmdArrayByMsg(trim(src)));
};
//用户登录；
function loginChat():Void {
//连接Socket服务端；
socket.connect(“localhost”, “8888”);
sendSocket("INFO"+paramObj.CommandDelimiters+msg);
}
//用户注销；
function logoutChat(b:Boolean):Void {
sendSocket("QUIT");
}
//显示聊天信息；
function showChat(msg:String):Void {
trace(“聊天信息：”+msg);
}
//发送聊天信息；
function sendChat(msg:String):Void{
sendSocket("MSG"+paramObj.CommandDelimiters+msg+paramObj.CommandDelimiters+msg);
}
//向服务端发送信息；
function sendSocket(msg:String):Void {
socket.send(msg+"\r");
}
//处理服务端返回信息；
function getCmdArrayByMsg(msg:String):Array {
if (msg.charCodeAt(0) == 13 && msg.charCodeAt(1) == 10) {
msg = msg.substr(2);
}
return msg.split(paramObj.CommandDelimiters);
}
function doCommand(arr:Array):Void {
switch (arr[0]) {
case "MSG" :
showChat(arr[1]);
break;
case "TAKEN" :
trace("你的登录名已经有了,请重新换一个登录名!");
break;
case "PEOPLE" :
doPeople(arr[1]);
break;
}
}
//显示在线用户列表；
function doPeople(msg:String):Void {
var people_arr:Array = msg.split(paramObj.PeopleDelimiters);
trace(people_arr);
}
//上面与XMLSocket有关的主要代码，显示方面自己添加相关组件就行了！
//有一个注意点，在flash向服务端发送的命令的最后一定要加上“\r”，否则服务端无法收到消息（我的服务端是用Java开发的）
//=======================================;
// 服务端代码(我用java开发的，其他版本自行研究);
// ChatServer.java
//=======================================;
package com.klstudio.socket.chat;
import java.io.IOException;
import java.net.ServerSocket;
import java.net.Socket;
import java.util.Vector;
//import com.klstudio.util.Logger;
/**
* @author kinglong
*
* TODO 要更改此生成的类型注释的模板，请转至窗口－首选项－ Java －代码样式－代码模板
*/
public class ChatServer {
//private Logger logger;
private static Vector clients = new Vector();
private static ServerSocket server = null;
private static Socket socket = null;
public static String CommandDelimiters = "-@@##@@-";
public static String PeopleDelimiters = "-@#@-";
public ChatServer() {
}
public static void notifyRoom() {
StringBuffer people = new StringBuffer("PEOPLE"+CommandDelimiters+"所有的人");
for (int i = 0; i < clients.size(); i++) {
Client client = (Client) clients.elementAt(i);
people.append(PeopleDelimiters+client.getClientName());
}
sendClients(people);
}
public staticboolean checkName(Client newClient){
for(int i=0;i<clients.size();i++){
Client client = (Client) clients.elementAt(i);
if(client != newClient && client.getClientName().equals(newClient.getClientName())){
return false;
}
}
return true;
}
public static void closeAll(){
while(clients.size()>0){
Client client = (Client) clients.firstElement();
try {
client.getClientSocket().close();
} catch (IOException e) {
// TODO 自动生成 catch 块
//Logger logger = new Logger(System.out);
//logger.log("错误-" + e.toString());
} finally {
clients.removeElement(client);
}
}
}
public static synchronized void disconnect(Client client) {
client.send(new StringBuffer("QUIT"));
try {
client.getClientSocket().close();
} catch (IOException e) {
// TODO 自动生成 catch 块
//Logger logger = new Logger(System.out);
//logger.log("错误-" + e.toString());
} finally{
clients.removeElement(client);
}
}
public static synchronized void sendClients(StringBuffer sb) {
for(int i=0;i<clients.size();i++){
Client client = (Client) clients.elementAt(i);
client.send(sb);
}
}
public static synchronized void sendClients(StringBuffer sb,String ownerName,String toName) {
for(int i=0;i<clients.size();i++){
Client client = (Client) clients.elementAt(i);
if(toName.equals(client.getClientName()) || toName.equals("所有的人") || ownerName.equals(client.getClientName())){
client.send(sb);
}
}
}
public static synchronized void sendClients(Client ownerClient) {
for(int i=0;i<clients.size();i++){
Client client = (Client) clients.elementAt(i);
if(client.getClientName().equals(ownerClient.getClientName())){
client.send(new StringBuffer("MSG"+CommandDelimiters+"系统信息>欢迎你进入!"));
}else{
client.send(new StringBuffer("MSG"+CommandDelimiters+"系统信息>["+ownerClient.getClientName()+"]用户进入!"));
}
}
}
public static void main(String[] args) {
int port = 8888;
if(args.length>0){
port = Integer.parseInt(args[0]);
}
//Logger logger = new Logger(System.out);
//logger.log("信息-ChatServer["+port+"]服务正在启动...");
try {
server = new ServerSocket(port);
} catch (IOException e) {
// TODO 自动生成 catch 块
//logger.log("错误-"+e.toString());
}
while(true){
if(clients.size()<5){
try {
socket = server.accept();
if(socket != null){
//logger.log("信息-"+socket.toString()+"连接");
}
} catch (IOException e) {
// TODO 自动生成 catch 块
//logger.log("错误-"+e.toString());
}
int i=0;
do{
Client client = new Client(socket);
if(client.getClientName() != null){
clients.addElement(client);
if(checkName(client)){
//logger.log("信息-"+"目前有["+clients.size()+"]个用户已连接");
sendClients(client);
client.start();
notifyRoom();
}else{
client.send(new StringBuffer("TAKEN"));
disconnect(client);
}
i++;
}
break;
}while(i<clients.size());
}else{
try {
Thread.sleep(200);
} catch (InterruptedException e) {
// TODO 自动生成 catch 块
//logger.log("错误-"+e.toString());
}
}
}
}
}
//=======================================;
// Client.java
//=======================================;
/*
* 创建日期2005-10-10
*
* TODO 要更改此生成的文件的模板，请转至
* 窗口－首选项－ Java －代码样式－代码模板
*/
package com.klstudio.socket.chat;
import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStreamReader;
import java.io.PrintStream;
import java.net.Socket;
//import com.klstudio.util.Logger;
/**
* @author kinglong
*
* TODO 要更改此生成的类型注释的模板，请转至窗口－首选项－ Java －代码样式－代码模板
*/
public class Client extends Thread {
private Socket clientSocket;
private String clientName;
private String clientIp;
private BufferedReader br;
private PrintStream ps;
//private Logger logger;
private ChatServer server;
public Client(Socket socket) {
//this.logger = new Logger(System.out);
this.clientSocket = socket;
try {
this.br = new BufferedReader(new InputStreamReader(socket.getInputStream(),"utf-8"));
this.ps = new PrintStream(socket.getOutputStream(),true,"utf-8");
String info = this.br.readLine();
if(info!=null){
String[] info_arr = info.split(ChatServer.CommandDelimiters);
if(info_arr.length>1){
this.clientName = info_arr[1];
}
this.clientIp = socket.getRemoteSocketAddress().toString();
}else{
socket.close();
}
} catch (IOException e) {
// TODO 自动生成 catch 块
//this.logger.log("错误-" + e.toString());
}
}
/**
* @return 返回 ip。
*/
public String getClientIp() {
return clientIp;
}
/**
* @return 返回 name。
*/
public String getClientName() {
return clientName;
}
/**
* @return 返回 socket。
*/
public Socket getClientSocket() {
return clientSocket;
}
public void send(StringBuffer msg){
this.ps.println(msg.toString()+"\0");
//this.ps.flush();
}
public void run() {
while (true) {
String line = null;
try {
line = this.br.readLine();
} catch (IOException e) {
// TODO 自动生成 catch 块
//this.logger.log("错误-" + e.toString());
ChatServer.disconnect(this);
ChatServer.notifyRoom();
return;
}
if (line == null) {
//this.logger.log("信息-[" + this.clientName + this.clientIp + "]用户离开!");
ChatServer.disconnect(this);
ChatServer.notifyRoom();
if(this.clientName != null){
ChatServer.sendClients(new StringBuffer("MSG"+ChatServer.CommandDelimiters+"系统信息>[" + this.clientName + "]用户离开!"));
}
return;
}
//this.logger.log("信息-"+line);
String[] cmd_arr = line.split(ChatServer.CommandDelimiters);
String keyword = cmd_arr[0];
keyword = keyword.substring(1);
if(keyword.equals("MSG")){
StringBuffer msg = new StringBuffer("MSG"+ChatServer.CommandDelimiters);
msg.append(this.clientName+">");
msg.append(cmd_arr[1]);
ChatServer.sendClients(msg,this.clientName,cmd_arr[2]);
}else if(keyword.equals("QUIT")){
//this.logger.log("信息-[" + this.clientName + this.clientIp + "]用户离开!");
ChatServer.disconnect(this);
ChatServer.notifyRoom();
ChatServer.sendClients(new StringBuffer("MSG"+ChatServer.CommandDelimiters+"系统信息>[" + this.clientName + "]用户离开!"));
this.stop();
return;
}
}
}
}
//注意，服务端向客户端发送的信息，必需以”\0”，空字符结尾，否则客户端也无法接收到信息！
flash与后台数据交换方法整理5-FlashCom（FMS）篇
Submitted by kinglong on 2006-3-13 15:43:14
五、FlashCom（FMS）
这一篇是前四个（LoadVars(XML)、Flash Remoting、Webservice、XMLSocket）的补充篇，本来我没有考虑进去，因为FlashCom（FMS）主要用于流媒体技术，今天要感谢Danger提出来了，呵呵，今天心情不错，就一气合成了！
FlashCom（FMS）主要用于与服务端进行流媒体通信，目前应用领域就是Flash流媒体播放，Flash在线直播，Flash视频音频聊天，Flash视频会议，Flash在线游戏等。
FlashCom的运行环境(FMS的运行环境)：
1、Windows操作系统：Windows 2000 Server或者Windows NT 4.0 Server（sp6）；
2、Linux操作系统：Red Hat Linux 7.3 或者 8.0；
3、服务器的CPU是Pentium III 500 MHz或者更高（推荐值是双个Pentium 4 CPU）；
4、服务器的内存是256M RAM 或者更高（推荐值是512M）。
FlashCom（FMS）的优点：
1、能够实现即时视频音频通信（当然它也支持文本通信的）；
2、能够流媒体同步播放（也叫在线直播）；
3、能够通过Flash Player（6.0以上版本）录制视频音频，无需其他客户端；
4、能够实现客户端实现之间的控制（如会议主持人权限）。
FlashCom（FMS）的缺点：
1、FlashCom（FMS）服务端软件是MM公司的产品，需要花银子去买的（一笔不小的投入），好在现在有一个正在完善中的开源项目——RED5；
2、由于是流媒体服务端软件，所以对服务器的带宽，内存，以及CPU也是很高的要求的（上面已经作说明了）；
3、同时在线视频通信的人数不能太多。
//=======================================;
// Flash客户端（以简单的在线录制视频为例）
//=======================================;
stop();
var nc:NetConnection = new NetConnection();
var ns:NetStream;
var cam:Camera = Camera.get();
var mic:Microphone = Microphone.get();
//预览本地摄像头视频;
video_box.attachVideo(cam);
//初始化NetStream;
function initNetStream():Void {
ns = new NetStream(nc);
//设置2秒的缓冲时间;
ns.setBufferTime(2);
//使用NetStream加载视频和音频对象;
ns.attachVideo(cam);
ns.attachAudio(mic);
//NetStream状态信息;
ns.onStatus = function(info:Object) {
trace("ns.onStatus:"+info.code);
};
}
//录制视频音频;
function recordStream(){
ns.publish("kinglong","record");
}
//停止录制;
function stopStream(){
ns.close();
}
//删除视频音频文件;
function deleteStream(){
nc.call("clearStream",null,"kinglong");
}
//NetConnection状态信息;
nc.onStatus = function(info:Object) {
trace("nc.onStatus:"+info.code);
switch (info.code) {
case "NetConnection.Connect.Success" :
initNetStream();
break;
}
};
//连接FlashCom服务器
nc.connect("rtmp:/"+"recordstream");
//=======================================;
// FlashCom（FMS）服务端代码
//将下列代码存成main.asc文件（此文件名固定），在FlashCom的applications目录下建立一个recordstream目录（对应着客户端的”recodstream”），并将main.asc放在这个目录中。
//=======================================;
application.onAppStart = function(){
}
application.onAppStop = function(){
}
application.onConnect = function(client){
application.acceptConnection(client);
}
application.onDisconnect = function(client){
}
//=======================================;
//获取flv文件时间长度；
function getStreamLength(name) {
return Stream.length(name);;
}
//=======================================;
//删除flv文件；
function clearStream(name) {
trace("clearStream("+name+");");
var stream = Stream.get(name);
return stream.clear();
}
//=======================================;
//设置Client.prototype;
//=======================================;
Client.prototype.getStreamLength = getStreamLength;
Client.prototype.clearStream = clearStream;
补上FMS官方中文网站相关资料地址:http://www.macromedia.com/cn/software/flashmediaserver/productinfo/pricing/