HTML5游戏<->服务器

Question

I have:

1. PHP Socket Server

2. PHP Pages to handle communication with server & db

3. Client .php page, which uses javascript/canvas to display & interact with a game.

What I want is for the user to connect and authenticate using the PHP pages which will initiate a socket connection to the server. Based on the information from that socket some chat info and events might be triggered to load data into client php page.

What is the right way to handle this. In all instances that I've ajax in before, the user triggers the event, not the server and javascript waits around for the php page's response.

What piece of php code from the php socket lets me send messages to the canvas elements?

Here's an example as the above is probably not very illuminating:

IE: PHP reads off of its socket connection {"name":"msg","from":"user1","time":12345,"msg","hello world"}

At this point what does PHP do?** So that ...

The client has a div with "id='Incoming'"

I want to launch the following javascript:

function handleMessage(msgObj) {
  var cText = document.getElementById("Incoming").innerHTML;
  cText += "(" + msgObj.time + ")" + msgObj.from + " says: " + msgObj.msg +"<br/>";
  document.getElementById("Incoming").innerHTML = cText;
}

I guess I'm trying to figure out how a client's web page is supposed to talk back to the php sockets...

Is this possible or do I need to make a client in flash, java, etc?

Answer 1

You send stuff from client to server when you've got data to send (eg user submits a button) typically via an event handler. The websocket also fires event when it receives data from the server (socket.onmessage). Simples.

ws.onmessage=function (evt) { handleMessage(evt.data); };

(or just change your handleMessage function body to use msgObj.data as the text value)

What piece of php code from the php socket lets me send messages to the canvas elements?

What websocket implementation are you using? They all have different APIs (NB a websocket is not the same thing as a network socket)

Answer 2

You should use Comet:
http://en.wikipedia.org/wiki/Comet_(programming )

AJAX is much better and also asynchronous

http://www.ape-project.org/
http://www.stream-hub.com/
...

http://cometdaily.com/maturity.html

or use HTML5 WebSockets