Fiji. Feature. HTTPService

HTTP Service

Using this feature any Flex module could get the data from JSF Managed Beans or just call any object method which return this data without having to know about JSF.

In order to implement interoperability between Flex and JSF fiji:endPoint component provides access to the properties or methods of any object via a URL: for Flex module the it is just a URL which it uses to send the request to the server.

Next simple example shows basics of httpService feature usage.

HTTPService Usage Example

View Source

HelloWorld Flex Module

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <mx:Style>
     .text {
      font-size:20px;
     }
    </mx:Style>
    <mx:Script>
        <![CDATA[
            import mx.controls.Alert;
            import mx.rpc.http.HTTPService;
            import mx.rpc.events.ResultEvent;
            import mx.rpc.events.FaultEvent;
            import com.exadel.fiji.services.FijiHttpService;

            /* Constants */
            private static const XMLROOT_OPEN:String = "<root xmlns:FIJI='http://www.exadel.com/fiji'>";
            private static const XMLROOT_CLOSE:String = "</root>";

            private var userRequest:HTTPService

            private function send_data():void {
                userRequest = new HTTPService();
                userRequest.url = Application.application.parameters.endpoint;
                userRequest.addEventListener("result", httpResult);
                userRequest.addEventListener("fault", httpFault);
                var param:Object = {};
                param["hello"] = username.text;
                userRequest.send(param);
            }

            public function httpResult(event:ResultEvent):void {
                if (event.result) {
                    hello.text = event.result.value;
                }
            }

            public function httpFault(event:FaultEvent):void {
                var faultstring:String = event.fault.faultString;
                Alert.show(faultstring);
            }
        ]]>
    </mx:Script>
   <mx:Form x="22" y="10" width="280">
        <mx:Label id="hello" styleName="text" text="{Application.application.parameters.text}" />
        <mx:HBox>
            <mx:Label text="Username"/>
            <mx:TextInput id="username"/>
        </mx:HBox>
        <mx:Button label="Submit" click="send_data()"/>
    </mx:Form>
</mx:Application>

Hide

Bean which provides endPoint service method

Custom HelloEncoder

Custom HelloDecoder

So in this example Flex module sends request with a param hello which encoded with custom HelloEncoder. Then endpointService method generates new String to be represented with the Flex module using this parameter.