一介資男 http://www.mxp.tw 一個資訊人有時候練習打打字的地方。 Sat, 16 Aug 2014 13:15:44 +0000 zh-TW hourly 1 http://wordpress.org/?v=3.9.2 Google 送給網頁開發者的禮物 – PageSpeed Insights http://www.mxp.tw/2014/08/14/google-%e9%80%81%e7%b5%a6%e7%b6%b2%e9%a0%81%e9%96%8b%e7%99%bc%e8%80%85%e7%9a%84%e7%a6%ae%e7%89%a9-pagespeed-insights/ http://www.mxp.tw/2014/08/14/google-%e9%80%81%e7%b5%a6%e7%b6%b2%e9%a0%81%e9%96%8b%e7%99%bc%e8%80%85%e7%9a%84%e7%a6%ae%e7%89%a9-pagespeed-insights/#comments Thu, 14 Aug 2014 10:21:14 +0000 http://www.mxp.tw/?p=1956 […]]]> 意外找尋關鍵字「Website speed」時看到的資源

PageSpeed Insights

原本是要找這個網站： Pingdom Website Speed Test

測試網站搭配CDN後的調整速度起伏。結果發現Google 也有這樣的工具，不但有檢測網站健康狀態還有提供優化的提示

PageSpeed Insights

看圖最快~

針對手機與一般桌上型皆有提供檢測，整個超nice阿！

再來就是另一個搭配的好東西給 Server side ： Apache 與 Nginx 的加速模組

Apache上滿簡單的，可以選擇安裝打包版，而在Nginx上就是照說明編譯過就好

流程如下

NPS_VERSION=1.8.31.4
wget https://github.com/pagespeed/ngx_pagespeed/archive/release-${NPS_VERSION}-beta.zip
unzip release-${NPS_VERSION}-beta.zip
cd ngx_pagespeed-release-${NPS_VERSION}-beta/
wget https://dl.google.com/dl/page-speed/psol/${NPS_VERSION}.tar.gz
tar -xzvf ${NPS_VERSION}.tar.gz

版本號的地方可以到這裡查

將上述的script存檔為shell來執行後，記下執行完產生的絕對路徑目錄

編譯Nginx時，在組態部分加上

./configure ... --add-module=/path/to/ngx_pagespeed-release-${NPS_VERSION}-beta

然後就 make 拉～

編譯好掛上模組後剩下的就是啟用設定，這部分直接參考官方文件即可～

]]> http://www.mxp.tw/2014/08/14/google-%e9%80%81%e7%b5%a6%e7%b6%b2%e9%a0%81%e9%96%8b%e7%99%bc%e8%80%85%e7%9a%84%e7%a6%ae%e7%89%a9-pagespeed-insights/feed/ 0 WordPress 安裝 JetPack 外掛 http://www.mxp.tw/2014/08/14/wordpress-%e5%ae%89%e8%a3%9d-jetpack-%e5%a4%96%e6%8e%9b/ http://www.mxp.tw/2014/08/14/wordpress-%e5%ae%89%e8%a3%9d-jetpack-%e5%a4%96%e6%8e%9b/#comments Thu, 14 Aug 2014 05:57:53 +0000 http://www.mxp.tw/?p=1910 […]]]> 這款 JetPack 外掛是 WordPress.com 官方出品的好東西

會想裝他試試主要是因為最近再做網站連線速度的優化，再幾乎沒有外部連結所導致連線慢的問題下，要提升的主要就是內容讀取速度，而且以圖檔為優先

那就是需要一款CP值高的CDN拉~

所以找到這款外掛，這個平台有提供一個模組"Phonton"

主要是針對圖片的壓縮與快取，加速網站對圖片的讀取與流量的減少

是說也沒這麼神，有他的限制，如下

  1. 只會撈取主機在 port 80 (http)下的 gif, png 與 jpg 檔案格式
  2. 對一個圖檔是做永久的快取，要更新只有改個檔名
  3. 做快取(上傳)的時間限制是10分鐘，若太大會造成失敗，須改檔名後再傳(不然會破損)
  4. 無法對圖檔做插點放大(寬)的機制，要求最大就是原始檔案的大小回傳

安裝後居然在測速網站的評分馬上有獲得改善，有點厲害耶XD

以上是介紹部分，以下是安裝時可能會碰到的問題

Error : Jetpack could not contact WordPress.com: register_http_request_failed. This usually means something is incorrectly configured on your web host.

這個錯誤是安裝完後需要對 wordpress.com 的帳號做連結時發生，原因是主機無法對 wordpress.com 進行 https 的通訊(參考)

修正方法有2

  • 設定wp-config.php檔，加入
define( 'JETPACK_CLIENT__HTTPS', 'NEVER' ); //注意CLIENT後有2個底線

原文安裝與設定說明如參考連結，中文版如下

  1. 搜尋+安裝外掛 Core Control
  2. 在工具-> Core Control 設定頁面將 HTTP Access Module 1.0 打勾並儲存設定
  3. 設定完後在一樣的頁面上方會看到 External HTTP Access 的選項，點進去
  4. 將 cURL 這選項後方有個連結 Disable Transport 點下去，在重新連結 JetPack 與 WordPress.com 就搞定!
]]> http://www.mxp.tw/2014/08/14/wordpress-%e5%ae%89%e8%a3%9d-jetpack-%e5%a4%96%e6%8e%9b/feed/ 0 Google SEO 的進化 – 支援使用CSS與Javascript做內容渲染的網站 http://www.mxp.tw/2014/08/06/google-seo-%e7%9a%84%e9%80%b2%e5%8c%96-%e6%94%af%e6%8f%b4%e4%bd%bf%e7%94%a8css%e8%88%87javascript%e5%81%9a%e5%85%a7%e5%ae%b9%e6%b8%b2%e6%9f%93%e7%9a%84%e7%b6%b2%e7%ab%99/ http://www.mxp.tw/2014/08/06/google-seo-%e7%9a%84%e9%80%b2%e5%8c%96-%e6%94%af%e6%8f%b4%e4%bd%bf%e7%94%a8css%e8%88%87javascript%e5%81%9a%e5%85%a7%e5%ae%b9%e6%b8%b2%e6%9f%93%e7%9a%84%e7%b6%b2%e7%ab%99/#comments Tue, 05 Aug 2014 17:10:17 +0000 http://www.mxp.tw/?p=1893 […]]]> 這是今年五月的新聞，來源在這：Understanding web pages better

如標題，大意就是：

為了因應時代的進步，我們(Google)支援了了了了..(回音)

真是令人高興阿！ 一些有設計的 one page 網站也有機會將內容收錄進Google裡了

以往的收入規則都是去分析原始碼，現在能夠將原始碼做渲染來取得實際計算過後的內容

是說剛好最近也滿好奇一個使用 AngularJS 開發的網站，為何能夠被Facebook很準確的判讀內容呢？ 是網站本身強化對 FB 的收錄，還是FB也能夠先去渲染在判讀？ 好好奇阿…

]]> http://www.mxp.tw/2014/08/06/google-seo-%e7%9a%84%e9%80%b2%e5%8c%96-%e6%94%af%e6%8f%b4%e4%bd%bf%e7%94%a8css%e8%88%87javascript%e5%81%9a%e5%85%a7%e5%ae%b9%e6%b8%b2%e6%9f%93%e7%9a%84%e7%b6%b2%e7%ab%99/feed/ 0 無限期推動網頁服務目錄權限勿設777 http://www.mxp.tw/2014/08/04/%e7%84%a1%e9%99%90%e6%9c%9f%e6%8e%a8%e5%8b%95%e7%b6%b2%e9%a0%81%e6%9c%8d%e5%8b%99%e7%9b%ae%e9%8c%84%e6%ac%8a%e9%99%90%e5%8b%bf%e8%a8%ad777/ http://www.mxp.tw/2014/08/04/%e7%84%a1%e9%99%90%e6%9c%9f%e6%8e%a8%e5%8b%95%e7%b6%b2%e9%a0%81%e6%9c%8d%e5%8b%99%e7%9b%ae%e9%8c%84%e6%ac%8a%e9%99%90%e5%8b%bf%e8%a8%ad777/#comments Sun, 03 Aug 2014 19:12:23 +0000 http://www.mxp.tw/?p=1786 […]]]> 常常看一些教學網站，教你怎麼安裝一套系統在Linux上

目的是安裝沒錯，但是為了省時間就叫人把目錄開 777

chmod -R 777 ./path/to/dir

真的是教壞人～

Linux 下常碰到的問題就是權限，是種常用Windows的人一定很煩的機制，但是在可以多人作業環境下這也真的是必要之惡。

不然誰都可以幫你亂砍、亂改檔案了喔！

不能設定777那怎辦？

先了解作用人是誰，若是網頁伺服器( Server )的話就看安裝時，Server 所在的群組是甚麼，將這目錄設定成所有人與目錄都是 Server 就好。

EX:

Apache2 安裝時是 www-data 的群組與使用者

那指令就下

chown -R www-data:www-data ./path/to/dir

or

Nginx 安裝時是 www 的群組與使用者

那指令就下

chown -R www:www ./path/to/dir

意思就是 我授權給 Server，這樣它才可以動你的檔案與目錄

這樣除了Server也不會有人可以這麼輕易的"幫你"改到檔案目錄囉！

PS: 網站被黑有兩層。一是你的網站本身寫的不安全，二是你的系統有漏洞，而系統有漏洞這件事並不是可以這麼輕易就發現與除錯，所以自身的出發點一定是常保持系統與軟體的更新，該做好的設定都不能少，觀念要夠清楚，這才是良好的使用知識/習慣。

本篇著重在網頁服務的用意就偏向"網站本身寫的可能不安全"，若是保護的手段沒做好，那就是展開雙手歡迎大家來你家玩的意思，將服務開個窗口，傳個 script 上去跑，輕則偷改檔案注入資料庫，重則砍站造成無法營運的損失。

如何選擇用對的方法來做對事，真的很重要！

]]> http://www.mxp.tw/2014/08/04/%e7%84%a1%e9%99%90%e6%9c%9f%e6%8e%a8%e5%8b%95%e7%b6%b2%e9%a0%81%e6%9c%8d%e5%8b%99%e7%9b%ae%e9%8c%84%e6%ac%8a%e9%99%90%e5%8b%bf%e8%a8%ad777/feed/ 0 PHP 加密工具 ionCube http://www.mxp.tw/2014/08/02/php-%e5%8a%a0%e5%af%86%e5%b7%a5%e5%85%b7-ioncube/ http://www.mxp.tw/2014/08/02/php-%e5%8a%a0%e5%af%86%e5%b7%a5%e5%85%b7-ioncube/#comments Sat, 02 Aug 2014 15:02:26 +0000 http://www.mxp.tw/?p=1760 […]]]> 標題是講這個 ionCube 加密工具，實際上是想說

初次見面你好

甚麼跟甚麼XD

這次碰到一隻程式，想看演算法卻發現文件被加密過了！

查了一下居然是這個 ionCube …

第一次聽到，也因此做了一下功課

原始碼的加密有靠伺服器上的模組與不靠模組，而不靠模組的自然也比較好"處理"，靠模組的話就難搞了，被編過的程式碼，透過被編過的模組翻譯，中間的黑箱頗大

要暗黑只能找 Google

好家在 Google 很少讓我失望，有找到解決辦法，特別寫一篇來紀錄一下這玩意兒~

]]> http://www.mxp.tw/2014/08/02/php-%e5%8a%a0%e5%af%86%e5%b7%a5%e5%85%b7-ioncube/feed/ 0 擁有資源的你，有正在對的位置上做對的事嗎？ http://www.mxp.tw/2014/07/31/%e6%93%81%e6%9c%89%e8%b3%87%e6%ba%90%e7%9a%84%e4%bd%a0%ef%bc%8c%e6%9c%89%e6%ad%a3%e5%9c%a8%e5%b0%8d%e7%9a%84%e4%bd%8d%e7%bd%ae%e4%b8%8a%e5%81%9a%e5%b0%8d%e7%9a%84%e4%ba%8b%e5%97%8e%ef%bc%9f/ http://www.mxp.tw/2014/07/31/%e6%93%81%e6%9c%89%e8%b3%87%e6%ba%90%e7%9a%84%e4%bd%a0%ef%bc%8c%e6%9c%89%e6%ad%a3%e5%9c%a8%e5%b0%8d%e7%9a%84%e4%bd%8d%e7%bd%ae%e4%b8%8a%e5%81%9a%e5%b0%8d%e7%9a%84%e4%ba%8b%e5%97%8e%ef%bc%9f/#comments Thu, 31 Jul 2014 14:11:57 +0000 http://www.mxp.tw/?p=1518 […]]]> 這幾天接連看到兩篇文章，頗有感觸：關於這時代的潮流

  1. 先別談「功能」了，滿足「欲望」才是創業者的正經事

  2. 辛苦做的 App 卻沒人用？Google 工程師告訴你六大原因

現實生活中是我看缺甚麼就想補甚麼，無警慎思考是為何而缺？ 以及缺的原因？ [註1]

所以就會變成

我覺得這個不夠那個不夠，所以要這個還有那個

然後花了時間與金錢取得後發現總是不到位，又有缺。於是就繼續迴圈

對投資來說就是漫無目的隨波逐流，其實手裡已經握著武器但卻不知道怎麼用或是對誰用的人，需要一名武將當導師，而不是再買一把好武器(第一篇文反思)，最後變成專業的武器收藏家(誤)

幫客戶鎖定對的問題並解決，就是一種有價的專業與經驗，對這方面的專業人才來說，這也才是他應該做的，而不是盡想著能從客戶手上撈到多少錢，炒短線(第一篇文之實際接觸案例)

若生態是如此敗壞還是繼續依存生態，那當被生態所排斥的時候也應該接受離開

網路如此透明，人活的越來越聰明，我相信世界只會更好不會更差

註1: 個人不認為現在這個時代還是可以把網路與現實生活切割的這麼清楚，現在已經是現實網路生活進行式了

]]> http://www.mxp.tw/2014/07/31/%e6%93%81%e6%9c%89%e8%b3%87%e6%ba%90%e7%9a%84%e4%bd%a0%ef%bc%8c%e6%9c%89%e6%ad%a3%e5%9c%a8%e5%b0%8d%e7%9a%84%e4%bd%8d%e7%bd%ae%e4%b8%8a%e5%81%9a%e5%b0%8d%e7%9a%84%e4%ba%8b%e5%97%8e%ef%bc%9f/feed/ 0 是你的就是你的，不是你的也可以變成你的 http://www.mxp.tw/2014/07/30/%e7%95%b6%e6%9c%89%e7%9a%84%e6%98%af%e6%a9%9f%e6%9c%83%e7%9a%84%e6%99%82%e5%80%99%ef%bc%8c%e4%bd%95%e5%98%97%e4%b8%8d%e5%b1%95%e7%8f%be%e4%bd%a0%e7%9a%84%e9%87%8e%e5%bf%83/ http://www.mxp.tw/2014/07/30/%e7%95%b6%e6%9c%89%e7%9a%84%e6%98%af%e6%a9%9f%e6%9c%83%e7%9a%84%e6%99%82%e5%80%99%ef%bc%8c%e4%bd%95%e5%98%97%e4%b8%8d%e5%b1%95%e7%8f%be%e4%bd%a0%e7%9a%84%e9%87%8e%e5%bf%83/#comments Tue, 29 Jul 2014 18:59:10 +0000 http://www.mxp.tw/?p=1504 […]]]> 當有的是機會的時候，何嘗不展現你的野心？

說野心不說貪心，只因認為有野心的人從長計議，不貪眼前利

要，就拿大的，一次滿足的痛快。

當有機會碰到這種人的時候，不狠狠的從他身上吃乾抹盡對不起自己

就因為只有自己擁有更強烈狩獵的欲望，才能夠擬身化狼為獵人

]]> http://www.mxp.tw/2014/07/30/%e7%95%b6%e6%9c%89%e7%9a%84%e6%98%af%e6%a9%9f%e6%9c%83%e7%9a%84%e6%99%82%e5%80%99%ef%bc%8c%e4%bd%95%e5%98%97%e4%b8%8d%e5%b1%95%e7%8f%be%e4%bd%a0%e7%9a%84%e9%87%8e%e5%bf%83/feed/ 0 應用 FireBase API 快速開發 WebApp http://www.mxp.tw/2014/07/25/%e6%87%89%e7%94%a8-firebase-api-%e5%bf%ab%e9%80%9f%e9%96%8b%e7%99%bc-webapp/ http://www.mxp.tw/2014/07/25/%e6%87%89%e7%94%a8-firebase-api-%e5%bf%ab%e9%80%9f%e9%96%8b%e7%99%bc-webapp/#comments Thu, 24 Jul 2014 19:20:06 +0000 http://www.mxp.tw/?p=1386 […]]]> 現在有好多說 WebApp 快速開發 blahblah的技術，充其量就是寫作速度上的修正或是工具應用的提升

就經驗上來說，很多都是開發工具或知識的結合，然後應用於開發上

前幾天看到 六萬七職缺網 介紹裡提到的 FireBase 這 WebApp 工具，一看介紹與使用發現其強大真是驚為天人阿XD

一般來說設計好的 WebApp 通常會開 API 出來，整個切開來分成 Client UI 與 Server API 的也有

分成兩大塊，都自己來真的累死

如果有人幫我寫 Server side 的部分就好了?

這願望 FireBase 辦到拉

不能說全能拉，至少對於只要填表單作業的簡單應用可以快速上線!

今天花2個多小時測試，就可以打造出一個有OAuth FB登入做內容權限管理的服務

來筆記一下

  1. 註冊帳號

  2. 開一個App服務，取得存取資源的URL

  3. 設定Facebook的 OAuth 連結

  4. 設定URL的存取權限

  5. AngularJS使用文件

主幹的服務大致上要動到的就這些，支線就等有時間慢慢測吧！

登入功能的部分還有提供不少資源，最基本的Email+Password也有，想說要測試就直接上OAuth的了

以後要寫個快速應用，這絕對是個好選擇!

整個設計中的一半(Server API)都有人包了，前面UI套AngularJS+BootStrap很快就搞定拉，這不叫快速甚麼叫快速!

而且資料有即時性，所以官方直接放一個線上聊天的SAMPLE，COOL

功能測試測出來了，就是應用還在想，也許完整點再丟到Github去吧！

]]> http://www.mxp.tw/2014/07/25/%e6%87%89%e7%94%a8-firebase-api-%e5%bf%ab%e9%80%9f%e9%96%8b%e7%99%bc-webapp/feed/ 0 Ubunut 快速安裝 LAMP Server 的大絕 http://www.mxp.tw/2014/07/23/ubunut-%e5%bf%ab%e9%80%9f%e5%ae%89%e8%a3%9d-lamp-server-%e7%9a%84%e5%a4%a7%e7%b5%95/ http://www.mxp.tw/2014/07/23/ubunut-%e5%bf%ab%e9%80%9f%e5%ae%89%e8%a3%9d-lamp-server-%e7%9a%84%e5%a4%a7%e7%b5%95/#comments Wed, 23 Jul 2014 13:47:46 +0000 http://www.mxp.tw/?p=1377 […]]]> 對於有需求安裝 Linux + Apache2 + MySQL Server 的人，下面做法，真的是大絕XD

註：不過對於有程式碼一定要自己重新編譯設定的人來說應該不適用

就一行很直覺的指令

sudo apt-get install lamp-server^

DONE！

]]> http://www.mxp.tw/2014/07/23/ubunut-%e5%bf%ab%e9%80%9f%e5%ae%89%e8%a3%9d-lamp-server-%e7%9a%84%e5%a4%a7%e7%b5%95/feed/ 0 PHP 背景執行的需求與方法 – 2014/07/23更新 http://www.mxp.tw/2014/07/19/php-%e8%83%8c%e6%99%af%e5%9f%b7%e8%a1%8c%e7%9a%84%e9%9c%80%e6%b1%82%e8%88%87%e6%96%b9%e6%b3%95/ http://www.mxp.tw/2014/07/19/php-%e8%83%8c%e6%99%af%e5%9f%b7%e8%a1%8c%e7%9a%84%e9%9c%80%e6%b1%82%e8%88%87%e6%96%b9%e6%b3%95/#comments Sat, 19 Jul 2014 14:31:06 +0000 http://www.mxp.tw/?p=411 […]]]> 前端網頁請求後要是處理需要一段時間，而使用者有可能會等不下去而關網頁怎麼辦？

  1. 既然要等一段時間，或許直接請他晚點回來查看結果或是完成後主動通知(Email, SMS…等)

  2. 已經通知晚點回來看了，所以使用者非常可能會做的就是：關閉網頁，那服務可能就會停止

綜合以上兩點，所以需要調整一下 PHP執行時候的設定與開啟多執行續的功能

參考下列兩個方法

  1. PHP 利用 ignoreuserabort + pcntl_fork 實作背景執行 (來來哥範例)

  2. PHP 多執行緒解決方案

方法一使用PHP提供的方法搭配設定上解決，先是設定執行不限時間(如果能抓到一定執行時間是最好)，再來就是透過fork產生子行程去執行任務

方法二是使用Linux的指令 nohup 執行script不要讓他因為請求中斷而停止

兩個都有個缺點就是效能管理

子行程要是沒做效能最佳化，可能就會一股腦衝破伺服器的記憶體資源變成殭屍

2014/07/23 補

找到一篇有對本文主題介紹的文章，也貼來分享一下

Parallel processing or multitasking in PHP

介紹到 Thread 與 Process 的部分，本文中介紹的方法被歸類在 process 中，有興趣對 thread 的可以點進去看看呦！

關於 PHP 子行程的說明，有一份文件介紹的還滿生動，值得參考XD

利用PHP寫Multi Process程式 1 – 產生子程序

2014/07/21更新

上述情形討論應用在 Nginx + PHP-FPM 的架構中

毫無效果阿(抱頭)

想說怎麼效果都沒出來，行程還是會被卡著

找了一下問題，發現其實是因為伺服器架構的問題，網路上大多討論的是 Apache 架構，在 Nginx 下有他的管理機制所以預設是無作用的，怎麼開我就還沒試，有機會再補。

而且在 Nginx 架構下甚至連要主動切斷與 client 連線的方法也不同

主動斷開 client 連線的方法參考：神奇的 Fastcgi-Finish-Request

]]> http://www.mxp.tw/2014/07/19/php-%e8%83%8c%e6%99%af%e5%9f%b7%e8%a1%8c%e7%9a%84%e9%9c%80%e6%b1%82%e8%88%87%e6%96%b9%e6%b3%95/feed/ 0