需求描述很簡單:Android 發送資料到 Web 網頁上。
系統: Ubuntu 14.04 + apache2 + php5 + Android 4.4
思路是 socket + 訊息佇列 + 伺服器發送事件,下面的講解步驟為 Android 端,伺服器端,前端。重點是在於 PHP 處理序間通訊。
Android 端比較直接,就是一個 socket 程式。需要注意的是,如果直接在活動主線程裡面建立 socket 會報一個 android.os.NetworkOnMainThreadException, 因此最好的方法是開個子線程來建立 socket,代碼如下
private Socket socket = null;private boolean connected = false;private PrintWriter out;private BufferedReader br;private void buildSocket(){ if(socket != null) return; try { socket = new Socket("223.3.68.101",54311); //IP地址與連接埠號碼 out = new PrintWriter( new BufferedWriter( new OutputStreamWriter( socket.getOutputStream())), true); br = new BufferedReader( new InputStreamReader(socket.getInputStream())); } catch (IOException e) { e.printStackTrace(); } connected = true; }
然後是發送訊息
public void sendMsg(String data){ if(!connected socket == null) return; synchronized (socket) { try { out.println(data); } catch (Exception e) { e.printStackTrace(); } } }
完成後還需要關閉 socket
private void closeSocket(){ if( socket == null) return; try { socket.close(); out.close(); br.close(); } catch (IOException e) { e.printStackTrace(); } socket = null; connected = false; }
注意這些方法都不要在主線程執行。
下面是伺服器 PHP 端。
首先要運行一個進程來接收資訊。
function buildSocket($msg_queue){$address = "223.3.68.101";$port = 54321; if (($sock = socket_create(AF_INET, SOCK_STREAM, SOL_TCP)) === false){echo "socket_create() failed:" . socket_strerror(socket_last_error()) . "/n";die;}echo "socket create\n";if (socket_set_block($sock) == false){ echo "socket_set_block() faild:" . socket_strerror(socket_last_error()) . "\n"; die;}if (socket_bind($sock, $address, $port) == false){echo "socket_bind() failed:" . socket_strerror(socket_last_error()) . "\n";die;}if (socket_listen($sock, 4) == false){echo "socket_listen() failed:" . socket_strerror(socket_last_error()) . "\n";die;}echo "listening\n"; if (($msgsock = socket_accept($sock)) === false) { echo "socket_accept() failed: reason: " . socket_strerror(socket_last_error()) . "\n"; die; } $buf = socket_read($msgsock, 8192); while(true){if(strlen($buf) > 1)handleData($buf,$msg_queue); //見後文$buf = socket_read($msgsock, 8192); //看情況 break 掉}socket_close($msgsock); }
也比較簡單。這個進程是獨立啟動並執行,那麼開啟網頁請求資料,需要從另一段指令碼接入,下面就需要用到處理序間通訊,我選擇訊息佇列,也就是上面的 $msg_queue 變數。
指令碼主程式這麼寫。
$msg_queue_key = ftok(__FILE__,'socket'); //__FILE__ 指當前檔案名稱字$msg_queue = msg_get_queue($msg_queue_key); //擷取已有的或者建立一個訊息佇列buildSocket($msg_queue);socket_close($sock);
其中的 ftok() 函數就是產生一個隊列的 key,以區分。
那麼handleData() 的任務就是把收到的訊息放到隊列裡面去
function handleData($dataStr, $msg_queue){msg_send($msg_queue,1,$dataStr);}Socket 進程指令碼骨架
這樣一來,其他進程就可以通過 key 找到這個隊列,從裡面讀取訊息了。使用這樣可讀
function redFromQueue($message_queue){msg_receive($message_queue, 0, $message_type, 1024, $message, true, MSG_IPC_NOWAIT);echo $message."\n\n";}$msg_queue_key = ftok("socket.php", 'socket'); //第一個變數為上方socket進程的檔案名稱。$msg_queue = msg_get_queue($msg_queue_key, 0666);while(true){$msg_queue_status = msg_stat_queue($msg_queue); //擷取訊息佇列的狀態if($msg_queue_status["msg_qnum"] == 0) //如果此時訊息佇列為空白,那麼跳過,否則會讀取空行。continue;redFromQueue($msg_queue);}
現在就差最後一步,如何主動把資料發往前端?這要用到 HTML5 的新特性:伺服器發送事件(要使用較新的非 IE 瀏覽器,具體查看這裡)。直接看JS代碼
var source = new EventSource("php/getData.php"); //Web 服務器路徑source.onmessage = function(event){ //訊息事件回調var resData = event.data;document.getElementById("res").innerHTML=resData;};
那麼這個 getData.php 就是上面那個從訊息佇列擷取資料的指令碼。只是為了讓它被識別為伺服器事件,需要加一點格式上的說明,具體如下。
下面就可以開始運行,首先運行伺服器
php socket.php
列印了 listening 就可以使用 Android 裝置串連了。
然後再用 Web 上 JS 請求 getData 指令碼,請求後前台可以不斷地獲得新的資料。需要注意的是訊息佇列可能會阻塞(訊息量達到上限),再有就是 JS 本身訊息機制的限制,因此丟失,延遲等現象頻發。
Web 通訊的老問題就是穩定性。以前老是怨恨 Web QQ 掉包,其實整個 Web 革命尚未成功。