我的程式筆記本: 8月 2016

2016年8月14日星期日

PHP7 spaceship operator (組合比較符)

Spaceship operator <=> (組合比較符)

spaceship operator 是用來比較兩個值$a是大於, 等於或小於$b. 當

$a 大於 $b -> 回傳 1
$a 等於 $b -> 回傳 0
$a 小於 $b -> 回傳 -1

可用於整數, 浮點數, 字母.

2016年8月11日星期四

PHP7 Null 合併運算符

Null 合併運算符

PHP7 新增加了一個更簡化的三元運算符.

在PHP5.X 當我們要判斷變數丘是否為空值時會這樣寫

 $a = isset($_GET['foo']) && trim($_GET['foo']) != '' ? $_GET['foo'] : null;

PHP7現在只需要這樣

 $a = $_GET['foo'] ?? null;

我們也可以連續做判斷

 $a = $_GET['foo'] ?? $_GET['bar'] ?? null;

PHP AES encrypt

Php Aes encrypt 筆記

公司剛好有需求, 要Server端加密資料跟手機交換資料.也就是

Server端能解密手機端加密出來的資料
手機端要能解密Server端加密出來的資料
規格是以ECB 128bits 的方式來加密

接下來就是開始試著先能把自己加密出來的再解回去

encrypt.php

 <?php  
      //產生加完時要用到的KEY  
      $rand_key = random_bits(16);   
      $string = '1234567890,A,b,c';  
      echo 'string to encrypted '.$string;  
      echo "<br>";  
      $encrypted_str = aes_encrypt($string);  
      echo 'encrypted string : '.$encrypted_str;  
      echo "<br>";  
      echo 'decrypted string : '.aes_decrypt($encrypted_str);  
      function aes_encrypt($str){  
           global $rand_key;  
           $key = $rand_key;  
           $encrypted = mcrypt_encrypt(MCRYPT_RIJNDAEL_128, $key, $str, MCRYPT_MODE_ECB);  
           //也可以用base64_encode來編碼, 只要注意你用什麼編就要用什麼反編  
           return bin2hex($encrypted);                                      
      }  
      function aes_decrypt($str){  
           global $rand_key;  
           $key = $rand_key;  
           //先前用16進制編碼的就用16進制反編回去  
           $str = hex2bin($str);   
           $str = mcrypt_decrypt(MCRYPT_RIJNDAEL_128, $key, $str, MCRYPT_MODE_ECB);  
           return $str;  
      }  
      function random_bits($l = 8) {  
           return substr(md5(uniqid(mt_rand(), true)), 0, $l);  
      }  
 ?>

實際狀況可能會有需要自己補0, 所以當加/解密的結果不同時, 可能要注意一下是不是補0的問題

2016年8月10日星期三

HTML5 Server-Sent Event

什麼是Server-Sent Event?

因為有個功能更強大的Websocket Api的存在, 很多人應該都沒聽過Server-Sent Event. 其實它跟 Long polling 是很類似的. 主要的差別在於 Server-Sent Event 的事件是由browser處理的, client 端只需要listen for messages.

Server-Sent Event 比較 Websocket

Websocket雖然功能強大, 但有些情況, 用Server-Sent Event會比較符合效益.例如:

像是資訊交換是非雙向, 單純只是client端在接收資料, 而client不需要回傳資料.
資源不足. 例如: Server 是虛擬主機, 沒有root的權限或是不能執行特定程式來架起Websocket server.

Server-Sent Event 屬性/方法

屬性/方法	說明
url	EventSource 中指定的 URL
readystate	EventSource 的狀態
CONNECTING	0 : 代表試著與SERVER連線
OPEN	1 : 連線成功
CLOSE	2 : 關閉連線
onopen	連線成功時會呼叫的事件
onmessage	接收到資料的時候會呼叫的事件
error	發生錯誤時會呼叫的事件, 發生錯誤後不會重試連線
close()	中斷與SERVER的連線, 中斷後不會再重試連線

Server-Sent Even 範例

client.html

 <!DOCTYPE html>  
 <html lang="zh-TW">  
      <head>  
           <meta charset="utf-8">  
           <meta http-equiv="X-UA-Compatible" content="IE=edge">  
           <meta name="viewport" content="width=device-width, initial-scale=1">  
           <!--[if lt IE 9]>  
                <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>  
                <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>  
           <![endif]-->  
      </head>  
      <body>  
      <div class="body">  
           <div class="container">  
                <header>  
                     <button onclick="stop();">stop</button>  
                </header>  
                <main>  
                     <div id="result"></div>  
                     <div id="ce"></div>  
                </main>  
           </div>  
      </div>  
           <script>  
                var source = new EventSource("serverside.php");  
                source.onmessage = function(event) {  
                     console.log('new message, msg type', typeof(event.data));  
                     document.getElementById("result").innerHTML = event.data + "<br>";  
                };  
                function stop(){  
                     source.close();  
                }  
           </script>  
      </body>  
 </html>

serverside.php

 <?php  
 header('Content-Type: text/event-stream');  
 header('Cache-Control: no-cache');  
 $time = date('r');  
 echo "data: The server time is: {$time}\n\n";  
 ?>

格式說明:

serverside 一定要把header定義為 Content-Type: text/event-stream
要推送的資料前面一定要加 data:
結尾一定要多斷一行

自定義事件

Server-Sent Event可以同時推送不同的資料. 假設, 同一個頁面要更新的資料有好友線上狀態跟新通知, 我們可以在serverside 定義出兩個事件

 <?php  
 header('Content-Type: text/event-stream');  
 header('Cache-Control: no-cache');  
 echo "event: myEvent_1\n";  
 echo "data: my Custom event msg {$time}\n";  
 echo 'data:' . json_encode(array("username"=> "John123", "status"=> "online")) . "\n\n";  
 echo "event: myEvent_2\n";  
 echo "data: my Custom event msg {$time}\n";  
 echo 'data:' . json_encode(array("title"=> "notification", "msg"=> "You've got mail")) . "\n\n";  
 ?>

然後在client.html用addlistener來監聽這兩個事件

 <script>  
 source.addEventListener('myEvent_1', function(event){  
                     var obj = JSON.parse(event.data.split('\n')[1]);  
                     document.getElementById("ev1").innerHTML += obj.username+" : "+obj.status+"<br>";  
                }, false)  
                source.addEventListener('myEvent_2', function(event){  
                     var obj = JSON.parse(event.data.split('\n')[1]);  
                     document.getElementById("ev2").innerHTML += obj.title +" : "+obj.msg+"<br>";  
                }, false)  
 </script>

範例可以在這裡下載

2016年8月14日 星期日