我的程式筆記本

2016年11月3日星期四

Amazon Marketplace service api workflow

Submit RequestReport
Submit GetReportRequestList
If report is ready, you should receive a report id in the GeneratedReportId tag
Submit a GetReport using GeneratedReportId
A csv report is returned.

2016年10月29日星期六

Handle async functions in loop

How to loop over arrays/objects with async calls

https://stackoverflow.com/questions/4288759/asynchronous-for-cycle-in-javascript/4288992#4288992

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年6月6日星期一

Postgresql 很棒的 NOTIFY 功能

Postgresql 有個在做即時互動很好用的功能叫Notify.

根據Documentation表示, Notify 可以在table 有insert/update/delete 的時候推出一個通知.
那麼來做個小測試吧~
首先, 我們用 pgadmin 的 query 視窗先建立一個測試用的table

CREATE TABLE test_table

(

id serial NOT NULL,

test_col_1 character varying

)

然後, 建立一個 trigger 觸發後要執行的 function

	CREATE OR REPLACE FUNCTION notify_event() RETURNS TRIGGER AS $$
	BEGIN
	// Execute pg_notify(channel, notification)
	PERFORM pg_notify('table_changed', 'new row added'::text);
	// Result is ignored since this is an AFTER trigger
	RETURN NULL;
	END;
	$$ LANGUAGE plpgsql;

view raw postgresql.js hosted with ❤ by GitHub

最後, 建立一個 trigger 來觸發事件

	//Trigger: table_changed on test_table
	CREATE TRIGGER table_changed
	AFTER INSERT
	ON test_table
	FOR EACH ROW
	EXECUTE PROCEDURE notify_event();

view raw trigger.js hosted with ❤ by GitHub

DB 的部分處理好了之後, 我們來寫一段小程式試試看

	<?php
	include '../conn.php';
	set_time_limit(0);
	ob_end_clean();
	//開始監聽之前要先向DB下一個 LISTEN table_changed 的 query
	pg_query($conn, 'LISTEN table_changed;');

	while(true){
	$notify = pg_get_notify($conn);
	if (!$notify) {
	echo json_encode(array('result'=>false, 'data'=>'No messages')).PHP_EOL;
	ob_flush();
	flush();
	sleep(1);
	} else {
	echo json_encode(array('result'=>true, 'process_id'=>$pid , 'pid' => pg_get_pid($conn), 'data' => $notify)).PHP_EOL;

	}


	}

view raw notify.php hosted with ❤ by GitHub

然後就在該目錄下cmd 執行 php notify.php, 在還沒有新增任何資料的時候只會看到

然後我們來新增一筆資料吧!

insert into test_table (test_col_1) values ('row1')

這時, 如果有成功的話應該會看到通知被推送出來

Notify 不止可以推送通知, 還可以在通知裡把有變動的資料以JSON格式一起推送. 只不過, 沒記錯的話POSTGRESQL, 要9.1版之後才有內建的JSON函式可以用

2016年11月3日 星期四