Skip to content

Latest commit

 

History

History
112 lines (72 loc) · 3.57 KB

README.md

File metadata and controls

112 lines (72 loc) · 3.57 KB
Raw

NOTES

This isn't the original work of Jimib, this has been forked from git://github.com/simb/FlashSocket.IO.git which had an initial dependence on gimite/web-socket-js The original project was only compatible with Flex and I needed a pure AS3 solution so I have tinkered the code and replaced a couple of Flex only classes. The most notable substitution has been of the mx.utils.URLUtil with com.jimisaacs.data.URL. The 2 classes are not directly interchangeable so I do expect some problems as a result.

CREDIT

https://github.com/simb/FlashSocket.IO

https://github.com/gimite/web-socket-js

http://jidd.jimisaacs.com/post/url-as3-class/

FlashSocket.IO

Flash library to facilitate communication between Flex applications and Socket.IO servers.

The actual websocket communication is taken care of by my fork of gimite/web-socket-js project.

This project wraps that and facilitates the hearbeat and en/decoding of messages so they work with Socket.IO servers

Checkout

Because this project makes use of git submodules you must make use of the recursive clone.

git clone --recursive git://github.com/simb/FlashSocket.IO.git

Building

Because this library is dependent on the websocket library, you must add the support/websocket-js path to you source path in flash builder or your build files.

Usage

For Socket.io 0.7 and 0.8 you will need to use the Beta swc that you can find in the downloads section. Currently in beta.

An example of a flex application connecting to a server on localhost is below

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"
			   creationComplete="application1_creationCompleteHandler(event)">
	<s:layout>
		<s:VerticalLayout />
	</s:layout>
	<fx:Declarations>
		<!-- Place non-visual elements (e.g., services, value objects) here -->
	</fx:Declarations>
	<fx:Script>
		<![CDATA[
			import com.pnwrain.flashsocket.FlashSocket;
			import com.pnwrain.flashsocket.events.FlashSocketEvent;

			import mx.controls.Alert;
			import mx.events.FlexEvent;

			[Bindable]
			protected var socket:FlashSocket;

			protected function application1_creationCompleteHandler(event:FlexEvent):void
			{

				socket = new FlashSocket("localhost:8080");
				socket.addEventListener(FlashSocketEvent.CONNECT, onConnect);
				socket.addEventListener(FlashSocketEvent.MESSAGE, onMessage);
				socket.addEventListener(FlashSocketEvent.IO_ERROR, onError);
				socket.addEventListener(FlashSocketEvent.SECURITY_ERROR, onError);

				socket.addEventListener("my other event", myCustomMessageHandler);
			}

			protected function myCustomMessageHandler(event:FlashSocketEvent):void{
				Alert.show('we got a custom event!')	
			}

			protected function onConnect(event:FlashSocketEvent):void {

				clearStatus();

			}

			protected function onError(event:FlashSocketEvent):void {

				setStatus("something went wrong");

			}

			protected function setStatus(msg:String):void{

				status.text = msg;

			}
			protected function clearStatus():void{

				status.text = "";
				this.currentState = "";

			}

			protected function onMessage(event:FlashSocketEvent):void{

				trace('we got message: ' + event.data);
				socket.send({msgdata: event.data},"my other event");

			}

		]]>
	</fx:Script>
	<s:Label id="status" />
	<s:Label id="glabel" />
</s:Application>