Apple Bonjour: Let's Talk!

Nicholas Valbusa - @squallstarIntesys Web Agency

APPLE BONJOUR,LET’S TALK!

Thursday, May 24, 12


Few words about me


Nicholas Valbusa@squallstar

Few words about me



Few words about me

Web Developer since 2004



Few words about me

Mobile Developer since 2010




Few words about me

Mobile Developer since 2010WHYMCA 2011: Webkit meets Native development




Intesys è una Web Agency Innovativa nata nel 1995 a Verona



Un team di 90 specialisti divisi in 4 aree



Un team di 90 specialisti divisi in 4 aree


We’ll talk about


We’ll talk about


We’ll talk about


• TCP/IP

We’ll talk about


• TCP/IP• Apple Bonjour, uPNP

We’ll talk about


• TCP/IP• Apple Bonjour, uPNP• Socket, Stream, Buffers

We’ll talk about


• TCP/IP• Apple Bonjour, uPNP• Socket, Stream, Buffers• Create and publish a server

We’ll talk about


• TCP/IP• Apple Bonjour, uPNP• Socket, Stream, Buffers• Create and publish a server• Join a server

We’ll talk about


• TCP/IP• Apple Bonjour, uPNP• Socket, Stream, Buffers• Create and publish a server• Join a server• Network messages

We’ll talk about


• TCP/IP• Apple Bonjour, uPNP• Socket, Stream, Buffers• Create and publish a server• Join a server• Network messages• Other...

We’ll talk about


We’ll see


We’ll see

• A screencast native application


We’ll see

• A screencast native application• Something like chats


We’ll see

• A screencast native application• Something like chats• Where server can send images and other things


We’ll see

• A screencast native application• Something like chats• Where server can send images and other things

Follow the talk from your iPad using the same app that we’re going to make

iCast


iCast


iCast


iCast



“Once upon a time”



Apple Talk



• Protocollo usato nelle reti Macintosh

Apple Talk



• Protocollo usato nelle reti Macintosh• Condivisione di file e stampanti

Apple Talk



• Protocollo usato nelle reti Macintosh• Condivisione di file e stampanti• Uno dei primi sistemi plug-n-play

Apple Talk



“things changes”


TCP/IP



TCP/IP

• Negli anni novanta, con la diffusione del TCP/IP Apple dismesse AppleTalk



TCP/IP

• Negli anni novanta, con la diffusione del TCP/IP Apple dismesse AppleTalk• Finalmente i Mac potevano connettersi con

altri sistemi operativi




ZeroconfDHCP DNS


ZeroconfDHCP DNS

“A set of techniques that automatically creates a usable IP network without manual operator intervention”



Bonjour


Bonjour

L’implementazione Appledi “Zero configuration network”


Bonjour


“It just works”


Bonjour

• mDNS + DNS Service discovery


“It just works”


Bonjour

• mDNS + DNS Service discovery• Address assignment


“It just works”


Bonjour

• mDNS + DNS Service discovery• Address assignment• Name resolution


“It just works”


Bonjour


• Built-in con OSX e iOS.

Bonjour


• Built-in con OSX e iOS.• Installabile su Windows

Bonjour


• Built-in con OSX e iOS.• Installabile su Windows• Incluso in Safari e iTunes.

Bonjour


• Built-in con OSX e iOS.• Installabile su Windows• Incluso in Safari e iTunes.• Incluso nella Creative Suite 3 di Adobe

Bonjour



Who uses it


Who uses it• iTunes finds shared music


Who uses it• iTunes finds shared music• iPhotos finds shared photos


Who uses it• iTunes finds shared music• iPhotos finds shared photos• iChat, Skype, Adium


Who uses it• iTunes finds shared music• iPhotos finds shared photos• iChat, Skype, Adium• Adobe Creative Suite 3+


Who uses it• iTunes finds shared music• iPhotos finds shared photos• iChat, Skype, Adium• Adobe Creative Suite 3+• Things, Omnifocus


Who uses it• iTunes finds shared music• iPhotos finds shared photos• iChat, Skype, Adium• Adobe Creative Suite 3+• Things, Omnifocus• Cyberduck, Coda, SubEthaEdit


Who uses it• iTunes finds shared music• iPhotos finds shared photos• iChat, Skype, Adium• Adobe Creative Suite 3+• Things, Omnifocus• Cyberduck, Coda, SubEthaEdit• PostgreSQL


Who uses it• iTunes finds shared music• iPhotos finds shared photos• iChat, Skype, Adium• Adobe Creative Suite 3+• Things, Omnifocus• Cyberduck, Coda, SubEthaEdit• PostgreSQL• All uPNP-enabled devices



Who can also use it


Who can also use it


Using “jmDNS”, a Java implementationof multi-cast DNS for LAN service registration/discovery.

Who can also use it



uPNPUniversal plug-n-play


uPNP

• It’s just another implementation of Zeroconf

Universal plug-n-play


uPNP

• It’s just another implementation of Zeroconf• Media servers, Consoles, DLNA servers...



uPNP

• It’s just another implementation of Zeroconf• Media servers, Consoles, DLNA servers...• No authentication



uPNP

• It’s just another implementation of Zeroconf• Media servers, Consoles, DLNA servers...• No authentication• No mDNS




Bonjour: Service Publication










Bonjour: Query for services


Bonjour: Query for services



Bonjour: Connect


Bonjour: Connect



Sockets vs Streams


Sockets vs Streams

• Socket: unique communication endpoint on the network


Sockets vs Streams

• Socket: unique communication endpoint on the network

• Stream: one-way channel through which data is transmitted serially



We will use


We will use

• Stream sockets that are paired up to allow our app to send data over network using TCP/IP


We will use

• Stream sockets that are paired up to allow our app to send data over network using TCP/IP

• Asynchronous, non-blocking operations



3 Networking Classes



Server class:



• Creates a server

Server class:



• Creates a server• Announces the server via Bonjour

Server class:




Server class:

Connection class:




Server class:

• Resolves Bonjour Services

Connection class:




Server class:

• Resolves Bonjour Services• Establishes connections to other servers

Connection class:




Server class:

• Resolves Bonjour Services• Establishes connections to other servers• Exchanges data via socket streams

Connection class:




Server class:


Connection class:

Server Browser class:




Server class:


Connection class:

• Browses for other servers via BonjourServer Browser class:



Application layers


Application layers


Application layers


Application layers



Down the Connection class


Down the Connection class

2 stream sockets (one for writing, one for reading)2 data buffers (one for each socket stream)



Network messages


Network messages

How do we separate network messages from one another?


Network messages


3 different ways:


Network messages


1) Make all messages have the same length

3 different ways:


Network messages


1) Make all messages have the same length2) Append a marker to each message

3 different ways:


Network messages



3) Send some kind of header with some info about how long the message is

3 different ways:


Network messages



3) Send some kind of header with some info about how long the message is

3 different ways:



3) Send some kind of header...


Writing messages



Writing messages

• Convert an object into a byte array and measure its length



Writing messages


• Write the integer (4 bytes) that represents the length of our byte array to the stream



Writing messages


• Write the integer (4 bytes) that represents the length of our byte array to the stream

• Write the actual byte array to the stream



Reading messages


Reading messages

• Read first 4 bytes and interpret those as an integer called “x”


Reading messages


• Read “x” number of bytes. (stop when enough data has been received)


Reading messages


• Read “x” number of bytes. (stop when enough data has been received)

• Turn received sequence of bytes back into an object.



It’s time!



Frameworks


• Low level: BSD socket lib

Frameworks



Frameworks



Frameworks

• High level: CFNetwork



Frameworks

• High level: CFNetwork

• Bonjour iOS API: NSNetServices, CFNetServices



Creating a server


Creating a server

We first create a stream socket that will listen for

connections


Creating a server


connections

CFSocketRef listeningSocket;


Creating a server


connections


using port number 0


Creating a server


connections


using port number 0

zero???? O_o



Let’s publish the service


Let’s publish the service



Services/Servers Browser


Services/Servers Browser



Found!


Found!



Displaying servers list


Displaying servers list



Please let me join


Please let me join


Please let me join


Please let me join


Please let me join



The server receives the “request”


The server receives the “request”



The server welcomes you







The client receives the stream


The client receives the stream



Recap


Recap• Apple Talk, TCP/IP


Recap• Apple Talk, TCP/IP• Bonjour flow cycle, uPNP


Recap• Apple Talk, TCP/IP• Bonjour flow cycle, uPNP• Application layers, Socket, Stream, Buffers


Recap• Apple Talk, TCP/IP• Bonjour flow cycle, uPNP• Application layers, Socket, Stream, Buffers• Write/Read Network messages


Recap• Apple Talk, TCP/IP• Bonjour flow cycle, uPNP• Application layers, Socket, Stream, Buffers• Write/Read Network messages• Create and publish a server


Recap• Apple Talk, TCP/IP• Bonjour flow cycle, uPNP• Application layers, Socket, Stream, Buffers• Write/Read Network messages• Create and publish a server• Join a server


Recap• Apple Talk, TCP/IP• Bonjour flow cycle, uPNP• Application layers, Socket, Stream, Buffers• Write/Read Network messages• Create and publish a server• Join a server• Interaction between the client and the server


Recap• Apple Talk, TCP/IP• Bonjour flow cycle, uPNP• Application layers, Socket, Stream, Buffers• Write/Read Network messages• Create and publish a server• Join a server• Interaction between the client and the server

• One more thing: server broadcasts messages to connected clients



Any questions?Thank you.


Intesys - @Intesys_IT - www.intesys.it


http://www.intesys.it

http://www.intesys.it

Technology

Apple Bonjour: Let's Talk!