Node.js 開發筆記 - 模擬 Web Browser 環境，執行前端 JS code / library

最近協助同事處理一個棘手的事，把一段需要算力的 JS Code 從本地端改成雲端運行，首要碰到的就是 node.js 預設環境並沒有很適合，如果有 JS library 十分依賴 Web Browser 環境時，那段 js code 透過 eval 運行時，會出現初始化錯誤。

原本土炮零碎地拼湊出 window, document, location, hostname 等把環境弄的堪用，後來還是先找一下，找到 browser-env 這套件，非常不錯！套上去後，所有土炮破壞架構美感的東西都可以去掉了。

如此，如果要將算力很高的任務拋去雲端計算時，且不幸依賴很多常見的 Web browser 套件邏輯時，就可以如此封裝成一隻 api ，供人把算力高的任務拋去高速運算的機器處理即可。

註：此例用 eval 是個危險的用法，只適合運行信任的程式碼，亂給使用者填寫會有高資安風險的。

程式碼：github.com/changyy/study-nodejs-eval-service

範例：

• 故意在 node.js 植入前端 jQuery library - https://code.jquery.com/jquery-3.6.0.slim.min.js (實務上真的有需求時，是要找 node.js 套件)
• 在 node.js 透過 eval 啟用整段程式碼時，缺少 web browser 環境時，會噴錯誤訊息：TypeError: Cannot read properties of undefined (reading 'createElement')

[眾籌] Puffin OS - Mobile Phone

這是一間規模已經大到破億 Mobile User 的公司，恰好一堆高手朋友都在裡頭發展著。

記得第一次接觸是 2009 還 2010 年，下一刻就 2013 年，再下一次就 2018 年。2018年底用著硬體廠的角色互動著，當時略知其發展，一年後就蹦出了這成品了。

此刻，依舊想著 server side rendering 的 remote browser 的需求是否強到持續養著一間公司呢？就像想著經濟學閒書所提，GDP 成長率差的國家，藉由新技術輸入，一口氣就躍進許多，而實力中等的國家隨著通訊技術的進步步調，通信品質的提升也不會慢太多。

無論如何，期待這間又猛又有夢想的公司，繼續茁壯著

PHP 開發筆記 - 判斷瀏覽器語系機制

就 Javascript 來說，很方便：

var userLanguage = navigator.language || navigator.userLanguage;

而 server site 就靠 $_SERVER['HTTP_ACCEPT_LANGUAGE'] 啦，但他的格式還會有語系偏好比重，需要小小處理一番：

//
// $_SERVER['HTTP_ACCEPT_LANGUAGE'] == 'zh-TW,zh;q=0.9,en-US;q=0.8,en;q=0.7';
//
function _detect_browser_language($_SERVER_VAR, $system_prefer = array( 'en' => 1, 'cn' => 1 )) {
if (isset($_SERVER_VAR['HTTP_ACCEPT_LANGUAGE'])) {
$langs = array();
foreach(explode(',', $_SERVER['HTTP_ACCEPT_LANGUAGE']) as $entry) {
$t1 = explode(';', $entry);
$cnt = count($t1);
if ($cnt == 2) {
$t2 = explode('=', $t1[1]);
if (count($t2) == 2)
array_push($langs, array($t1[0], floatval($t2[1])));
else
array_push($langs, array($t1[0], 1.0));
} else if ($cnt == 1)
array_push($langs, array($t1[0], 1.0));
}
function lang_prefer_sort($a, $b) {
if( $a[1] == $b[1] ) return 0;
if( $a[1] > $b[1] ) return -1;
return 1;
}
usort($langs, 'lang_prefer_sort');
foreach($langs as $lang_info) {
if (is_array($lang_info)) {
if (isset($system_prefer[$lang_info[0]]))
return $lang_info[0];
$checker = explode('-', $lang_info[0]);
if (count($checker) == 2) {
if (isset($system_prefer[$checker[0]]))
return $checker[0];
else if ($checker[0] == 'zh')
return 'cn';
}
}
}
}
return 'en';
}