flex采用blazeds实现服务器向客户端推数据

前言:
有很多类似股票、外汇、期货等实时行情这种应用,客户端需要显示行情牌价等信息。
目前的作法是:客户端定时向服务器请求,无论数据是否有更新,都把数据发到客户端。
我们这里讲的一种技术不同以上这个做法,我们是采用服务器向客户端推的这种方式,该方式的好处不言自明。blazeds中有一个名为:StreamingAMFChannel 的通道,我们就是采用它来实现向客户端推这个功能。

环境准备:
我采用eclipse(wtp)+ flex3 build 的软件环境。软件安装我这里就不说明了。blazeds我采用的是blazeds_bin_3-0-0-544,其实你只要下载blazeds.war文件即可。

操作步骤:

1 、切换至flex development视图模式下,点右键新建一个Flex Project。
如我的项目名为:flex-blazeds
点击Next按纽,来到下一页面,
在这步中,直接点:Finish即可。
接下来,右键点击flex-blazeds项目,打开“属性”对话框,如下图:把红色圈起来的地方,改成红字部分。
点“OK”。
切换至“java开发视图”,新建名为:cn.bestwiz.design.tc 的包,在该包中,新建名为Tick.java的类,内容如下:
  1. package cn.bestwiz.design.tc;
  2. import java.math.BigDecimal;
  3. import java.util.Date;
  4. public class Tick {
  5.     private BigDecimal askPrice;
  6.     private BigDecimal bidPrice;
  7.     private BigDecimal midPrice;
  8.     private Date tickTime;
  9.     private String seqno;
  10.     public String getSeqno() {
  11.         return seqno;
  12.     }
  13.     public void setSeqno(String seqno) {
  14.         this.seqno = seqno;
  15.     }
  16.     public BigDecimal getAskPrice() {
  17.         return askPrice;
  18.     }
  19.     public void setAskPrice(BigDecimal askPrice) {
  20.         this.askPrice = askPrice;
  21.     }
  22.     public BigDecimal getBidPrice() {
  23.         return bidPrice;
  24.     }
  25.     public void setBidPrice(BigDecimal bidPrice) {
  26.         this.bidPrice = bidPrice;
  27.     }
  28.     public BigDecimal getMidPrice() {
  29.         return midPrice;
  30.     }
  31.     public void setMidPrice(BigDecimal midPrice) {
  32.         this.midPrice = midPrice;
  33.     }
  34.     public Date getTickTime() {
  35.         return tickTime;
  36.     }
  37.     public void setTickTime(Date tickTime) {
  38.         this.tickTime = tickTime;
  39.     }
  40. }
接下来,再新建一名为:cn.bestwiz.design.tc.servlet 的包,再切换至“j2ee视图”,在该视图模式下,新建一名为“TickCacheServlet.java”的Servlet.

点击“Finish”完成即可。
  1. package cn.bestwiz.design.tc.servlet;
  2. import java.io.IOException;
  3. import java.math.BigDecimal;
  4. import java.util.Date;
  5. import javax.servlet.ServletException;
  6. import javax.servlet.http.HttpServlet;
  7. import javax.servlet.http.HttpServletRequest;
  8. import javax.servlet.http.HttpServletResponse;
  9. import cn.bestwiz.design.tc.Tick;
  10. import flex.messaging.MessageBroker;
  11. import flex.messaging.messages.AsyncMessage;
  12. import flex.messaging.util.UUIDUtils;
  13. public class TickCacheServlet extends HttpServlet {
  14.     private static FeedThread thread;
  15.     @Override
  16.     protected void doGet(HttpServletRequest req, HttpServletResponse resp)
  17.             throws ServletException, IOException {
  18.         String cmd = req.getParameter("cmd");
  19.         if (cmd.equals("start")) {
  20.             start();
  21.         }
  22.         if (cmd.equals("stop")) {
  23.             stop();
  24.         }
  25.     }
  26.     @Override
  27.     protected void doPost(HttpServletRequest req, HttpServletResponse resp)
  28.             throws ServletException, IOException {
  29.         // TODO Auto-generated method stub
  30.         super.doGet(req, resp);
  31.     }
  32.     @Override
  33.     public void destroy() {
  34.         // TODO Auto-generated method stub
  35.         super.destroy();
  36.     }
  37.     @Override
  38.     public void init() throws ServletException {
  39.         // TODO Auto-generated method stub
  40.         super.init();
  41.     }
  42.     public void start() {
  43.         if (thread == null) {
  44.             thread = new FeedThread();
  45.             thread.start();
  46.         }
  47.         System.out.println("start!!");
  48.     }
  49.     public void stop() {
  50.         thread.running = false;
  51.         thread = null;
  52.     }
  53.     public static class FeedThread extends Thread {
  54.         public boolean running = true;
  55.         public void run() {
  56.             MessageBroker msgBroker = MessageBroker.getMessageBroker(null);
  57.             String clientID = UUIDUtils.createUUID();
  58.             int i = 0;
  59.             while (running) {
  60.                 Tick tick = new Tick();
  61.                 tick.setAskPrice(new BigDecimal("100"));
  62.                 tick.setBidPrice(new BigDecimal("100"));
  63.                 tick.setMidPrice(new BigDecimal("100"));
  64.                 tick.setTickTime(new Date());
  65.                 tick.setSeqno(String.valueOf(i));
  66.                 System.out.println(i);
  67.                 AsyncMessage msg = new AsyncMessage();
  68.                 msg.setDestination("tick-data-feed");
  69.                 msg.setHeader("DSSubtopic""tick");
  70.                 msg.setClientId(clientID);
  71.                 msg.setMessageId(UUIDUtils.createUUID());
  72.                 msg.setTimestamp(System.currentTimeMillis());
  73.                 msg.setBody(tick);
  74.                 msgBroker.routeMessageToService(msg, null);
  75.                 i++;
  76.                 try {
  77.                     Thread.sleep(20);
  78.                 } catch (InterruptedException e) {
  79.                 }
  80.             }
  81.         }
  82.     }
  83. }
下一步加入flex配置文件。
flex的配置文件默认有四个,文件目录在WebContent/WEB-INF/flex目录下。
messaging-config.xml
proxy-config.xml
remoting-config.xml
services-config.xml
其实,这中间用的是一个,就是services-config.xml,只是在services-config.xml中,包含其它三个。

在services-config.xml文件中,加入如下:

  1. <channel-definition id="my-streaming-amf" class="mx.messaging.channels.StreamingAMFChannel">
  2.             <endpoint url="http://{server.name}:{server.port}/{context.root}/messagebroker/streamingamf" class="flex.messaging.endpoints.StreamingAMFEndpoint"/>
  3.             <properties>
  4.                 <idle-timeout-minutes>0</idle-timeout-minutes>
  5.                 <max-streaming-clients>10</max-streaming-clients>
  6.                 <server-to-client-heartbeat-millis>5000</server-to-client-heartbeat-millis>
  7.                 <user-agent-settings>
  8.                     <user-agent match-on="MSIE" kickstart-bytes="2048" max-streaming-connections-per-session="1"/>
  9.                     <user-agent match-on="Firefox" kickstart-bytes="2048" max-streaming-connections-per-session="1"/>
  10.                 </user-agent-settings>
  11.             </properties>
  12.         </channel-definition> 
messaging-config.xml文件中,加入如下:
  1.   <destination id="tick-data-feed">
  2.         <properties>
  3.             <server>
  4.                 <allow-subtopics>true</allow-subtopics>
  5.                 <subtopic-separator>.</subtopic-separator>
  6.             </server>
  7.         </properties>
  8.         <channels>
  9.             <channel ref="my-polling-amf" />
  10.             <channel ref="my-streaming-amf" />
  11.         </channels>
  12.     </destination>
再切换至flex 开发视图,新建一名为:Tick.as的ActionScript文件。
点击“Finish”按纽。

  1. package
  2.     {
  3.     [RemoteClass(alias="cn.bestwiz.design.tc.Tick")]
  4.     [Bindable]
  5.     public class Tick
  6.     {        
  7.         public var askPrice:Number;
  8.         public var bidPrice:Number;
  9.         public var midPrice:Number;
  10.         public var tickTime:Date;;
  11.         public var seqno:String;
  12.     }
  13.     
  14. }
  1. 再在main.mxml文件中,加入如下代码:
  2. <?xml version="1.0" encoding="utf-8"?>
  3. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" viewSourceURL="srcview/index.html" height="378" width="426">
  4.     <mx:Script>
  5.         <![CDATA[
  6.             import mx.controls.Alert;
  7.             import mx.rpc.events.ResultEvent;
  8.             import mx.messaging.Consumer;
  9.             import mx.messaging.Channel;
  10.             import mx.messaging.ChannelSet;
  11.             import mx.messaging.events.MessageEvent;
  12.             [Bindable]
  13.             public var tick:Tick;
  14.            
  15.             public function submsg():void
  16.             {
  17.                 Alert.show("click start");
  18.                 var consumer:Consumer = new Consumer();
  19.                 consumer.destination = "tick-data-feed";
  20.                 consumer.subtopic = "tick";
  21.                 consumer.channelSet = new ChannelSet(["my-streaming-amf"]);
  22.                 consumer.addEventListener(MessageEvent.MESSAGE, messageHandler);
  23.                 consumer.subscribe();
  24.                 Alert.show("click end");
  25.             }
  26.            
  27.             private function messageHandler(event:MessageEvent):void
  28.             {
  29.                 var tick:Tick = event.message.body as Tick;
  30.                 txtTick.text = tick.seqno;
  31.             }
  32.         ]]>
  33.     </mx:Script>
  34.     <mx:Panel x="32" y="43" width="362" height="302" layout="absolute" title="Watch Tick">
  35.         <mx:Label x="72" y="43" text="Label" id="txtTick"/>
  36.         <mx:Button x="132" y="41" label="Button" click="submsg(); "/>
  37.     </mx:Panel>
  38. </mx:Application>
OK,至此,我们的代码全部结束了。

下面我们开始测试。

打开一个浏览器,在浏览器的地址栏中,输入:
http://localhost:8080/flex-blazeds/TickCacheServlet?cmd=start

再返回eclipse,在main.mxml文件上,单击右键,用Flex Application运行它。
之后,在打开的浏览器flash上,点击“Button”按纽,可以看到按纽之前的一个Label的Text一直有数字在增大。
原文:http://hi.baidu.com/tister/blog/item/fcfe4f66e9214e21ab184c5b.html
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值