Welcome!

Adobe Flex Authors: Matthew Lobas, PR.com Newswire, Shelly Palmer, Kevin Benedict

Related Topics: Adobe Flex

Adobe Flex: Article

Pushing Data Out to the Flash Client with XMLSockets

An essential for games, presentations, and RIAs

If you've upgraded to Flash MX 2004 Professional or you purchased the FireFly Data Connection Kit for Flash MX, then you've probably read a lot about how easy it is to have Flash pull data into a Flash Movie. The only problem is that this is not how applications work in the real world.

In the real world there has to be a constant conversation between the client and the server application. I am going to use e-mail as an example. If you have a traditional POP3 e-mail client (one you get through your ISP or Web hosting company) you have to actively connect to it and check if you have e-mail. You can do this by either hitting the “send and receive” button or setting your e-mail recheck setting to an arbitrary time. A more efficient model would have your email client only check and download email when it's available. Enterprise e-mail systems, such as Microsoft Exchange, leverage both the e-mail client on your desktop and the e-mail server. When email arrives at the server a message is sent to the e-mail client that a new message has been delivered. The server, in this case, pushed data out to the client.

Other examples can include realtime data transfer for information such as stock numbers, sales figures, and supply chain management. These areas require a tool that can push data out to a client.

Using XMLSocket Connections
As part of the evolution of XML, a subset of XML technology called XMLSockets has emerged. XMLSockets are great for solutions such as e-mail systems, systems, chat rooms, and low-latency applications in which the user opens up a connection with the server and requires that the server and the client pass data back and forth. The standard passes full and complete XML documents. The impact enables applications to “chat” over network lines.

You can dig through the specifications of HTML and you will not find support for XMLSockets. But XMLSocket connection has been a standard feature within Flash since version 5, with only one security feature to worry about (see sidebar).

Through ActionScript you can connect to an XMLSocket server, send and receive XML-formatted data, and close connections to the server.

XMLSocket Server
For XMLSocket information to be passed back and forth between a client and server you need the client (which you know is Flash) and the server.

Although XMLSocket technology is relatively new, there are a number of notable XMLSocket servers on the market.

  • UNITY 2.0: (www.moock.org/unity). Colin Moock, esteemed author of the ActionScript Definitive Guide series, has created an easy-to-use and powerful Java-based XMLSocket server. What I like is that you can download a free developer's version of the server before paying up for the full version. You can also buy a sample application that has over 10,000 lines of ActionScript 2.0 code.
  • Shovemedia: (www.shovemedia.com). Shovemedia is another Java-based socket server. The Pong game in this article uses this server for multiple players to connect to.
  • Swocket: (http://swocket.sourceforge.net). Swocket is an open source socket server built in Python.

You can find an even more comprehensive list of XMLSocket servers on the XML/XMLSocket server list over at the Flash Wiki (http://chattyfig.figleaf. com/flashcoderswiki/index.php?XML%2F XMLSocket%20Servers).

XMLSocket Class in Flash
Not a lot has changed since Flash 5 with the use and functionality of the XMLSocket class. As with other objects in Flash, before you can begin using the object you must set a variable that declares the new object. The following will declare the variable mySocket as a new XMLSocket class:

mySocket = new XMLSocket();

Once you have declared you are using an XMLSocket you can connect, send, and close the XMLSocket class. Table I shows methods and their descriptions.

There are also event handlers you can use to push and pull data to and from an XMLSocket server. These include:

  • onConnect
  • onClose
  • onData
  • onXML
If you have worked with the extensive XML features in Flash then you will see that the XMLSocket server is more limited in features. However, there is a lot you can do with those features.

Creating a Pong Game with an XMLSocket Server
One of the tried-and-true examples out there using XMLSocket servers is Pong. Pong is a simple game where two or more people connect in a game room and play against each other.

You can download the complete Flash source code to run this game from www.sys-con.com/mx/sourcec.cfm. You will need an XMLSocket server to run the program. The source code is Shovemedia's Pong but you can use any XMLSocket server, such as Unity.

I won't go through the mechanics of the game in detail - there are about 500 lines of code. What I want to direct your attention to is the connection to the XMLSocket server and how it is used to create XML data to pass the players' moves back and forth to each other over the Internet.

Download the files for the Pong Game. You will want to open pongGame.as. Go to line 287. You will see the the code shown in Code 1.

Essentially, you have two functions. The first connects to a server through an open port. The second function prints to the Flash Player whether a connection has been successfully made.

Summary
Pushing data to and from a Flash movie is essential for games, presentations, and Rich Internet Applications. XMLSocket connection gives you an alternative to competing solutions such as XUpdate, Flash Remoting, and traditional GET/PUT HTTP protocols.

More Stories By Matthew David

Matthew has written books for Friends of Ed, Pearson Press, New Riders, Wiley, Focal Press and Peach Pit. He is also experience at leading teams top deliver bestselling titles books that come with accompanying video training and media. An example is Flash MX Magic, a book written by 7 authors, with an accompanying web site and CD. The book sold over 45,000 copies in 12 languages. Matthew is also the author of 400+ articles.

Comments (1)

Share your thoughts on this story.

Add your comment
You must be signed in to add a comment. Sign-in | Register

In accordance with our Comment Policy, we encourage comments that are on topic, relevant and to-the-point. We will remove comments that include profanity, personal attacks, racial slurs, threats of violence, or other inappropriate material that violates our Terms and Conditions, and will block users who make repeated violations. We ask all readers to expect diversity of opinion and to treat one another with dignity and respect.


IoT & Smart Cities Stories
Moroccanoil®, the global leader in oil-infused beauty, is thrilled to announce the NEW Moroccanoil Color Depositing Masks, a collection of dual-benefit hair masks that deposit pure pigments while providing the treatment benefits of a deep conditioning mask. The collection consists of seven curated shades for commitment-free, beautifully-colored hair that looks and feels healthy.
The textured-hair category is inarguably the hottest in the haircare space today. This has been driven by the proliferation of founder brands started by curly and coily consumers and savvy consumers who increasingly want products specifically for their texture type. This trend is underscored by the latest insights from NaturallyCurly's 2018 TextureTrends report, released today. According to the 2018 TextureTrends Report, more than 80 percent of women with curly and coily hair say they purcha...
The textured-hair category is inarguably the hottest in the haircare space today. This has been driven by the proliferation of founder brands started by curly and coily consumers and savvy consumers who increasingly want products specifically for their texture type. This trend is underscored by the latest insights from NaturallyCurly's 2018 TextureTrends report, released today. According to the 2018 TextureTrends Report, more than 80 percent of women with curly and coily hair say they purcha...
We all love the many benefits of natural plant oils, used as a deap treatment before shampooing, at home or at the beach, but is there an all-in-one solution for everyday intensive nutrition and modern styling?I am passionate about the benefits of natural extracts with tried-and-tested results, which I have used to develop my own brand (lemon for its acid ph, wheat germ for its fortifying action…). I wanted a product which combined caring and styling effects, and which could be used after shampo...
The platform combines the strengths of Singtel's extensive, intelligent network capabilities with Microsoft's cloud expertise to create a unique solution that sets new standards for IoT applications," said Mr Diomedes Kastanis, Head of IoT at Singtel. "Our solution provides speed, transparency and flexibility, paving the way for a more pervasive use of IoT to accelerate enterprises' digitalisation efforts. AI-powered intelligent connectivity over Microsoft Azure will be the fastest connected pat...
There are many examples of disruption in consumer space – Uber disrupting the cab industry, Airbnb disrupting the hospitality industry and so on; but have you wondered who is disrupting support and operations? AISERA helps make businesses and customers successful by offering consumer-like user experience for support and operations. We have built the world’s first AI-driven IT / HR / Cloud / Customer Support and Operations solution.
Codete accelerates their clients growth through technological expertise and experience. Codite team works with organizations to meet the challenges that digitalization presents. Their clients include digital start-ups as well as established enterprises in the IT industry. To stay competitive in a highly innovative IT industry, strong R&D departments and bold spin-off initiatives is a must. Codete Data Science and Software Architects teams help corporate clients to stay up to date with the mod...
At CloudEXPO Silicon Valley, June 24-26, 2019, Digital Transformation (DX) is a major focus with expanded DevOpsSUMMIT and FinTechEXPO programs within the DXWorldEXPO agenda. Successful transformation requires a laser focus on being data-driven and on using all the tools available that enable transformation if they plan to survive over the long term. A total of 88% of Fortune 500 companies from a generation ago are now out of business. Only 12% still survive. Similar percentages are found throug...
Druva is the global leader in Cloud Data Protection and Management, delivering the industry's first data management-as-a-service solution that aggregates data from endpoints, servers and cloud applications and leverages the public cloud to offer a single pane of glass to enable data protection, governance and intelligence-dramatically increasing the availability and visibility of business critical information, while reducing the risk, cost and complexity of managing and protecting it. Druva's...
BMC has unmatched experience in IT management, supporting 92 of the Forbes Global 100, and earning recognition as an ITSM Gartner Magic Quadrant Leader for five years running. Our solutions offer speed, agility, and efficiency to tackle business challenges in the areas of service management, automation, operations, and the mainframe.