天天看点

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

在做FMS开发中,flash客户端与FMS服务器通信交互数据等是常见的,比如flash客户端需要一播放一个视频,需要获得FMS发向flash端的一条消息等。那么我们要怎么才能实现flash客户端与FMS服务器建立可交互的连接、通信呢?

     本文将以flash客户端于FMS服务器通信为核心,以经典的"Hello World"示例详细介绍flash客户端于FMS服务器通信的实现。要实现两端通信,在客户端和服务器端都需要编码,一边发起通信请求和接收通信响应信息(flash客户端),一端则提供接收请求进行业务处理等(FMS服务器端)。

     首先从flash客户端入手,本文的实例非常简单,要实现的功能就是flash客户端向FMS服务器端发起请求,调用FMS服务器上的一个方法,然后将FMS服务器上的方法返回值输出到控制台。

     flash端的开发可以有两种方式实现:Flash和Flex。本文会将这两种方式的实现都给出实例。首先看看Flash里的实现。

     启动Flash CS开发环境,新建立Action. 3.0的Flash文件,如下图:

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

     然后在上面新建立的Action. 3.0的Flash文件上,按F9进入动作面板(输入程序代码的地方,当然也可以将代码封装到单独的类文件里),如下图:             

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

      上图中已经将通过Flash开发连接到FMS服务器的代码全部贴出,代码很简单。NetConnection这个类在 Flash Player 和 Flash Media Server 应用程序之间或者 Flash Player 和运行 Flash Remoting 的应用程序服务器之间创建双向连接。

  通过NetConnection建立于FMS服务器的连接,然后使用NetConnection类的公共方法connect()通过RTMP协议连接到指定的FMS服务器上指定的应用,如上图示为连接的FMS服务器上名为的“HelloWorld”的这个应用。如果对NetConnection还不熟悉的朋友请先阅读下我的这系列文章的第一篇:《FMS3系列(一):第一个FMS程序,连接到FMS服务器(Flash/Flex两种实现) 》,随后通过调用call()方法调用FMS服务器上的方法,这里通过调用服务器上提供的sayHelloWorld()方法。

     Responder 类提供了一个对象,该对象在 NetConnection.call() 中使用以处理来自与特定操作成功或失败相关的服务器的返回值。详细见构造Responder对象的时候构造方法的参数,一个方法处理操作成功的逻辑,一个方法处理操作失败的逻辑。

     OK,完成了上面的flash客户端的开发现在就只差FMS服务器端的开发了,FMS服务器理需要有一个通信文件来负责于flash客户端的连接交互,通常情况下就是建立一个main.asc的通信文件。本文中的通信文件的程序代码非常简单,就是接受客户端的连接,然后提供一个客户端调用的方法。完整代码入下:

1 application.onConnect = function(client)

2 {

3     client.sayHelloWorld=function(str)

4     {

5         return "I can say:Hello "+ str;

6     }

7       this.acceptConnection(client);

8 }

     通过上面的客户端和FMS服务器的开发,现在这样可以按Ctrl+Enter测试了,看看我们的flash小程序是否能够成功的连接到FMS服务器上指定的HelloWorld,并成功调用服务器端指定的方法呢?打开FMS管理控制台可以看到如下截图效果。OK,我们的小程序已经成功的连接到了FMS服务器上指定的应用(HelloWorld):

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

     下面是测试输出结果截图:

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

  上面的实现是直接将代码写在Flash中,我们也可以将代码提取出来形成Action.文件(类),只要该类文件继承于显示对象,通过Flash CS3的新特性设置舞台文档类就可以调用了,下面是提取为Action.类的编程实现:

 1 package

 2 {

 3     import flash.net.*;

 4     import flash.events.*;

 5     import flash.display.*;

 6     

 7     public class ClientCallServer extends Sprite

 8     {

 9         private var nc:NetConnection;

10         private var rs:Responder;

11         public function ClientCallServer():void

12         {

13             nc=new NetConnection();

14             rs=new Responder(onSuccess,onFailed);

15             nc.connect("rtmp://localhost/HelloWorld");

16             nc.client=this;

17             nc.call("sayHelloWorld",rs,"World");

18         }

19         

20         private function onSuccess(rs:Object):void

21         {

22             trace(rs.toString());

23         }

24         

25         private function onFailed(rs:Object):void

26         {

27             trace(rs.de.ion());

28         }

29     }

30 }

  或许有的朋友已经习惯了使用Flex开发,喜欢用拖拽控件的方式来完成一些常用的功能,其实在Flex下开发和Flash差别不是很大,其实在编码层次上是没什么区别的,不同的只是界面的呈现方式不一样。

 1 private var nc:NetConnection;

 2 private var fmsServer:String="rtmp://localhost/HelloWorld";

 3 private var rs:Responder;

 4 

 5 private function initApp():void

 6 {

 7     nc = new NetConnection();

 8     nc.connect(fmsServer);

 9     nc.client=this;

10 }

  在Flex下开发,建立好mxml后可以直接在其内部的<mx:.>组件里编写Action.代码,如上定义了连接FMS服务器的NetConnection类的实例等。还定义了一个在Flex应用初始化的使用调用的方法initApp(),用来 完成flash客户端与FMS服务器的连接。

1 private function onClick():void

3     rs = new Responder(onSuccess,onFailed);

4     nc.call("sayHelloWorld",rs,"World");

5     nc.addEventListener(NetStatusEvent.NET_STATUS,onStatus);

6     nc.addEventListener(AsyncErrorEvent.ASYNC_ERROR,onAsyncHandler);

7 }

同Flash中开发一样,给Responder指定了成功和失败后的处理函数,详细如下:

/**

 * 通信成功并返回结果时被调度

 */

private function onSuccess(result:Object):void

{

    Alert.show(result.toString(),"调用结果");

}

 * 通信失败并返回结果时被调度

private function onFailed(result:Object):void

    Alert.show(result.de.ion);

    Alert.show(result.code);

  如上就完成了Flex中调用FMS服务器并调用FMS上所提供的方法,服务器端的程序和前面 Flash中的一样。到此我们只需要调用onClick()方法就可以测试了,通过一个按钮组件来调用,如下:

<mx:Button x="91" y="219" label="Call" click="onClick()"/>

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World
FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

完整的Flex代码

 1

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

<?xml version="1.0" encoding="utf-8"?>

 2

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

<mx:Application xmlns:mx="[url]http://www.adobe.com/2006/mxml[/url]" layout="absolute" fontSize="12" 

 3

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

    creationComplete="initApp()">

 4

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

    <mx:.>

 5

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

        <![CDATA[

 6

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

            import mx.controls.Alert;

 7

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

            private var nc:NetConnection;

 8

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

            private var fmsServer:String="rtmp://localhost/HelloWorld";

 9

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

            private var rs:Responder;

10

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

11

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

            private function initApp():void

12

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World
FMS3系列(二):创建可交互的FMS连接--I can say:Hello World
FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

13

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

                nc = new NetConnection();

14

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

                nc.connect(fmsServer);

15

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

                nc.client=this;

16

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

            }

17

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

18

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

            private function onClick():void

19

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World
FMS3系列(二):创建可交互的FMS连接--I can say:Hello World
FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

20

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

                rs = new Responder(onSuccess,onFailed);

21

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

                nc.call("sayHelloWorld",rs,"World");

22

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

                nc.addEventListener(NetStatusEvent.NET_STATUS,onStatus);

23

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

                nc.addEventListener(AsyncErrorEvent.ASYNC_ERROR,onAsyncHandler);

24

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

25

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

26

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

            private function onStatus(evt:NetStatusEvent):void

27

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World
FMS3系列(二):创建可交互的FMS连接--I can say:Hello World
FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

28

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

                Alert.show(evt.info.code);

29

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

30

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

31

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

            public function onAsyncHandler(evt:AsyncErrorEvent):void

32

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World
FMS3系列(二):创建可交互的FMS连接--I can say:Hello World
FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

33

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

34

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

35

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

36

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World
FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

            /**//**

37

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

             * 通信成功并返回结果时被调度

38

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

             */

39

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

            private function onSuccess(result:Object):void

40

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World
FMS3系列(二):创建可交互的FMS连接--I can say:Hello World
FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

41

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

                Alert.show(result.toString(),"调用结果");

42

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

43

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

44

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World
FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

45

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

             * 通信失败并返回结果时被调度

46

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

47

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

            private function onFailed(result:Object):void

48

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World
FMS3系列(二):创建可交互的FMS连接--I can say:Hello World
FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

49

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

                Alert.show(result.de.ion);

50

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

                Alert.show(result.code);

51

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

52

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

53

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

            private function onBWDone(rs:Object):void

54

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World
FMS3系列(二):创建可交互的FMS连接--I can say:Hello World
FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

{}

55

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

        ]]>

56

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

57

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

    </mx:.>

58

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

    <mx:Button x="91" y="219" label="Call" click="onClick()"/>

59

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

</mx:Application>

60

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

61

FMS3系列(二):创建可交互的FMS连接--I can say:Hello World

  在平时的开发当中,要与FMS服务器创建可交互的连接有很多种方式,本文只是简单的介绍了最基本的一种调用,希望本文对想学FMS开发的朋友有所帮助。

继续阅读