Flash與後臺數據交互方法總結

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編碼處理.

2、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爲例,其餘版本請參考相應的資料) ================================================================

另附上Flash Remoting的在線幫助文件(Flash Remoting LiveDocs),MM網站上的Remoting相關的資料.

3、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爲例,其餘版本請參考上面提供的鏈接) ================================================================

調用的時候，只要在cfc路徑後面加"?wsdl"就能夠了，方便吧！ ：）

4、XMLSocket



這是 LoadVars(XML) 、 Flash Remoting 、 Webservice 、 XMLSocket 四種方法整理的最後一篇，也讓你們久等了

 

（沒想到前幾篇的文章在網上挺受歡迎的，其中還有一人給我發郵件，相看我這個最後一篇，哈哈，仍是挺欣慰的。

對轉載我要聲明一下，首先這幾篇文章歡迎轉載的，但要說明文章的做者，以及文章的原址吧，我發現有些網站轉載，

連做者都不寫了或者寫的就不對。這一點會影響我之後寫文章的心情的，特此說明一下!）。如今接下來轉入正題了！

XMLSocket主要用於與服務端進行即時通訊，目前的應用領域主要是Flash文本聊天和Flash在線遊戲等方面。

XMLSocket的優勢：

一、能和服務端即時通訊；

二、Flash Player 5.0以上的版本內置類，不需另裝組件或插件；

三、由於XMLSocket就是至關於一個Socket客戶端，因此通常的中間件都支持的（如java，.Net等）

XMLSocket的缺點：

一、XMLSocket只能傳字符串或xml格式的文本，數據類型單一；

二、XMLSocket服務端自行開發的話，須要對Socket技術比較瞭解才行，好在網上有現成的服務端軟件

（商業的XMLSocket Server 有Unity、Fortress；開源的XMLSocket Server 有Oregano Multiuser Server）；

三、還有就是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 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 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 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 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 }else{ try { Thread.sleep(200); } catch (InterruptedException e) { // TODO 自動生成 catch 塊 //logger.log("錯誤-"+e.toString()); } } } } }()); ();i++){ ();i++){ ();i++){ ();i++){

 

//=======================================; // 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」，空字符結尾，不然客戶端也沒法接收到信息！