艾摩杰

[Cordova] ngCordova Barcode Scanner plugin 掃描Qrcode bug 解決方式

2017-07-22T16:58:00.003+08:00

狀況: 此套件在 Android 4.X 會出現執行掃描時，直接回傳
{
cancelled: true,
text: "",
format: ""
}

解決辦法:

在config.xml內加入
<preference name="AndroidLaunchMode" value="standard"/>

有任何疑問歡迎留言

By 艾摩杰~

[Hybrid APP] Cordova + Firebase 簡單實現 ios APNS推播以及 android FCM(GCM) 推播

2017-07-19T14:20:00.001+08:00

在以前，當專案同時有 ios & android 兩派系統用戶，後台就必須實作兩套推送方式 (APNS以及GCM)，直到2016年5月的Google IO大會上推出Firebase，並推出多項新功能供大家使用，包含這次介紹的推播功能。

Google後來也將原本android推播平台 Google Cloud Messaging (GCM)全面改為 Firebase Cloud Messaging (FCM)，FCM為跨平台服務，可推送ios、android、web applications，FCM推播ios其實還是使用Apple Push Notification service (APNS)，只是對於開發者來說，不用去區分client平台為何，FCM自動幫你分辨並推播。

官方 FCM 展示影片:

PS.此範例使用 Cordova框架搭配 ionic框架為實例

在cordova專案加入 cordova-plugin-fcm 套件

#cordova plugin add cordova-plugin-fcm

程式碼:

取得FCM Token:

FCMPlugin.getToken(function(token){

    alert(token);

});

收到推播訊息event
FCMPlugin.onNotification(function(data){
alert(JSON.stringify(data));
});

範例圖:

至firebase平台上註冊APP
https://console.firebase.google.com

先建立專案

加入 ios以及android 應用程式

iOS 連結ID 為 APP ID (bundle ID)

將檔案下載至 cordova專案跟目錄

此項目略過直接按繼續

Android 套件名稱一樣為 APP ID

一樣下載至cordova專案跟目錄

到這裡，android推播部分其實已經完成，ios還必須加入APNS憑證才可以推播。
ios要有推播功能必須要有 Apple 開發者帳戶，才可以有推播功能。
至於如何申請就不再此教學，請另google

至開發者帳戶新增App ID

申請推播憑證前，需要先產生CSR憑證需求檔(此需求檔只能使用一次)

必須使用MAC OS 鑰匙圈存取產生

輸入email完後下面選擇儲存到硬碟即可產生CSR需求檔

上傳剛剛產生的需求檔

下載cer憑證

由於FCM需要的是.p12憑證，所以必須再使用鑰匙圈存取，將cer轉p12
將剛剛下載的cer檔案點兩下即可匯入鑰匙圈。
至左邊我的憑證即可看到剛剛匯入的憑證，展開憑證，會出現本機用戶名稱，再點右鍵輸出，檔案格式必須選擇 .p12

至Firebase 匯入 APNS憑證

此伺服器金鑰須記下，之後推播需要用到

到這邊，ios也設定完畢了!

再build APP 之前要先確認 cordova APP id 是否設定正確

確定無誤後即可build APP
#cordova build ios
#cordova build android

PS.注意 ios部分，用Xcode編譯前，要先確認推播功能有沒有打開

APP開啟時會顯示需要授權推播功能，點授權後須重開起APP才可以取得到FCM Token

推播測試

左邊功能選單 Notifications 可以測試推播功能
推送目標可以是應用程式也可以是主題或是單一裝置
此範例先使用應用程式為範例

ios收到推播畫面:

android 收到推播畫面:

FCM 另外還可以推送 web application ，有興趣的朋友可以自己實作看看~

有任何疑問歡迎留言

By 艾摩杰~

[Javascript] base64 encode & base64 decode with UTF-8

2017-05-13T13:42:00.002+08:00

由於 Javascript 內建函示庫的 atob() btoa() 不支援UTF8
所以只好用以下的function解決

var Base64 = {



    _keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",



    encode: function(input) {

        var output = "";

        var chr1, chr2, chr3, enc1, enc2, enc3, enc4;

        var i = 0;

        input = Base64._utf8_encode(input);



        while (i < input.length) {

            chr1 = input.charCodeAt(i++);

            chr2 = input.charCodeAt(i++);

            chr3 = input.charCodeAt(i++);



            enc1 = chr1 >> 2;

            enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);

            enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);

            enc4 = chr3 & 63;



            if (isNaN(chr2)) {

                enc3 = enc4 = 64;

            } else if (isNaN(chr3)) {

                enc4 = 64;

            }

            output = output + this._keyStr.charAt(enc1) + this._keyStr.charAt(enc2) + this._keyStr.charAt(enc3) + this._keyStr.charAt(enc4);

        }

        return output;

    },



    decode: function(input) {

        var output = "";

        var chr1, chr2, chr3;

        var enc1, enc2, enc3, enc4;

        var i = 0;

        input = input.toString();

        input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");



        while (i < input.length) {

            enc1 = this._keyStr.indexOf(input.charAt(i++));

            enc2 = this._keyStr.indexOf(input.charAt(i++));

            enc3 = this._keyStr.indexOf(input.charAt(i++));

            enc4 = this._keyStr.indexOf(input.charAt(i++));

          

            chr1 = (enc1 << 2) | (enc2 >> 4);

            chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);

            chr3 = ((enc3 & 3) << 6) | enc4;

            output = output + String.fromCharCode(chr1);

            if (enc3 != 64) {

                output = output + String.fromCharCode(chr2);

            }

            if (enc4 != 64) {

                output = output + String.fromCharCode(chr3);

            }

        }

        output = Base64._utf8_decode(output);

        return output;

    },



    _utf8_encode: function(string) {

        string = string.replace(/\r\n/g, "\n");

        var utftext = "";



        for (var n = 0; n < string.length; n++) {

            var c = string.charCodeAt(n);

            if (c < 128) {

                utftext += String.fromCharCode(c);

            }

            else if ((c > 127) && (c < 2048)) {

                utftext += String.fromCharCode((c >> 6) | 192);

                utftext += String.fromCharCode((c & 63) | 128);

            }

            else {

                utftext += String.fromCharCode((c >> 12) | 224);

                utftext += String.fromCharCode(((c >> 6) & 63) | 128);

                utftext += String.fromCharCode((c & 63) | 128);

            }

        }

        return utftext;

    },



    _utf8_decode: function(utftext) {

        var string = "";

        var i = 0;

        var c = c1 = c2 = 0;



        while (i < utftext.length) {

            c = utftext.charCodeAt(i);

            if (c < 128) {

                string += String.fromCharCode(c);

                i++;

            }

            else if ((c > 191) && (c < 224)) {

                c2 = utftext.charCodeAt(i + 1);

                string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));

                i += 2;

            }

            else {

                c2 = utftext.charCodeAt(i + 1);

                c3 = utftext.charCodeAt(i + 2);

                string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));

                i += 3;

            }

        }

        return string;

    }

}

example:

Base64.decode(data);
Base64.encode(data);

有任何疑問歡迎留言

By 艾摩杰~

[jQuery] 解決 jQuery DataTables 匯出CSV亂碼問題 UTF-8 with BOM

2017-05-05T20:53:00.004+08:00

官方範例在匯出CSV時，預設是 UTF-8 without BOM，
導致部分電腦開啟時會產生亂碼
需要改設定值 bom : true 才能解決

官方Docoument連結 : https://datatables.net/reference/button/csv

範例:

$('.js-exportable').DataTable({
dom: 'Bfrtip',
responsive: true,
buttons: [
'copy', {
extend: 'csv',
text: 'CSV',
bom : true}, 'excel', 'pdf', 'print'
]
});

有任何疑問歡迎留言

By 艾摩杰~

[NodeJS] Synology NAS 架設 NodeJS Server , 並用 forever 背景執行程式

2017-04-20T18:09:00.003+08:00

先至 Synology 套件中心安裝Node JS 套件

打開 Synology NAS SSH連線功能，記得設定完要按套用!

接下來就可以用Putty連線進去了~
PS. 沒有Putty的朋友可以至這裡下載 32bit載點 64bit載點來源網站

登入時帳號記得是root 密碼是當初設定NAS時 admin的密碼

這時候可以查看一下 NodeJS 是否可用
就用 node -v 指令看一下版本

Synology內建是沒有安裝 forever套件的

這時候可以用npm安裝 forever套件

#npm install forever -g

forever 常用指令
--------------------------------------------------
新增背景執行程式: forever start xxxxx.js
查看目前執行程式清單: forever list
刪除背景執行程式: forever stop UID
PS.程式UID 要從清單內查詢

有任何疑問歡迎留言

By 艾摩杰~

[MAC] 刪除擾人的 .DS_Store

2016-02-18T11:11:00.003+08:00

打開終端機

cd 到指定目錄

因為刪除指令對某些人來說可能有疑慮，所以先看一下整個結果再確定是否要刪除
$find . -name ".DS_Store" -depth -exec echo ----{} \;
結果
----./Library/.DS_Store
----./Library/Application Support/.DS_Store
----./Library/Application Support/com.trankynam.XtraFinder/.DS_Store
----./Library/Application Support/CoRD/.DS_Store
----./Library/Application Support/Developer/Shared/Xcode/.DS_Store
----./Library/Application Support/DEVONthink Pro 2/.DS_Store
----./Library/Application Support/Haroopad/Themes/.DS_Store

正式刪除
find . -name ".DS_Store" -depth -exec rm {} \;

有任何疑問歡迎留言

By 艾摩杰~

[ionic] cordovaPush GCM 推播範例

2016-02-16T14:07:00.003+08:00

安裝 PushPlugin
cordova plugin add https://github.com/phonegap-build/PushPlugin.git

app.js

angular.module('app', ['ionic','ngCordova'])

.run(function($ionicPlatform,$cordovaPush,$rootScope) {
$ionicPlatform.ready(function() {
// Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
// for form inputs)
if(window.cordova && window.cordova.plugins.Keyboard) {
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
}
if(window.StatusBar) {
// org.apache.cordova.statusbar required
StatusBar.styleDefault();
}

var androidConfig = {
"senderID": "XXXXXXXXXX",
};

$cordovaPush.register(androidConfig).then(function(result) {
//alert(result);
}, function(err) {
alert(err);
})
});

$rootScope.$on('$cordovaPush:notificationReceived', function(event, notification) {
switch(notification.event) {
case 'registered':
if (notification.regid.length > 0 ) {
alert('registration ID = ' + notification.regid);
console.log('registration ID = ' + notification.regid);
}
break;
case 'message':
alert(JSON.stringify(notification));

break;
default:
alert('An unknown GCM event has occurred:'+notification.event);
break;
}
});
})

有任何疑問歡迎留言

By 艾摩杰~

[PHP] 透過php gd轉圖片以程式方式輸出並在程式中取得參數回傳

2016-02-05T10:15:00.003+08:00

#php2img 輸出圖片程式
<?
$pa = $_REQUEST['q'];

$image = "1.jpg";
$img=GetImageSize($image);

switch($img[2]){
case 1:
$im=ImageCreateFromGIF($image);
break;
case 2:
$im=ImageCreateFromJPEG($image);
break;
case 3:
$im=ImageCreateFromPNG($image);
break;
}

$logo = "1.jpg";
$pic=GetImageSize($logo);
switch($pic[2]){
case 1:
$im_pic=ImageCreateFromGIF($logo);
break;
case 2:
$im_pic=ImageCreateFromJPEG($logo);
break;
case 3:
$im_pic=ImageCreateFromPNG($logo);
break;
}
//圖片合成
imagecopy($im,$im_pic,0,500,0,0,100,0);
//顏色設定
$fc = imagecolorallocate($im,0,0,0);
//首先要文字轉utf-8
$str = "文字串放這邊";
//加入浮水印
//imagettftext($image, 大小, 旋轉, 與左邊的距離, 與上面的距離, $black, $font, $text);
imagettftext($im,23,0,35,870,$fc,"msyh.ttf",$str);
//建立真實圖片
$new_img = imagecreatetruecolor(450,440);
//剪切圖片
imagecopyresized($new_img,$im,0,0,0,0,450,440,$img[0],$img[1]);
//輸出圖片
header("Content-type:image/jpeg");

imagejpeg($new_img);
?>

遠端取得圖片程式
<?php
$data = base64_encode( file_get_contents('http://1.1.1.1/php2img1.php?q=123456789') );
echo '<img src="data:image/jpg;base64,' . $data . '" />';
?>

有任何疑問歡迎留言

By 艾摩杰~

[Linux] 使用 XRDP 從 win7 遠端 Ubuntu 桌面

2014-10-22T09:58:00.001+08:00

XRDP 可以讓 windows 不需要裝額外 client 就能遠端 Ubuntu

1. 終端機安裝指令
# apt-get install xrdp

2. 設定桌面分享

3. Windows 執行遠端桌面即可連線

有任何疑問歡迎留言

By 艾摩杰~

[HTML] X-UA-Compatible 設置IE相容模式

2014-10-08T09:30:00.002+08:00

強制瀏覽器呈現為特定的版本的標準。它不支持IE7及以下：
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7"/>

如果用分號分開，它設置為不同版本的兼容級別，IE7、IE9。它允許不同層次的向後兼容性：
<meta http-equiv="X-UA-Compatible" content="IE=7; IE-9"/>

只選擇其中一個選項：
<meta http-equiv="X-UA-Compatible" content="IE=9">
<meta http-equiv="X-UA-Compatible" content="IE=8"/>
<meta http-equiv="X-UA-Compatible" content="IE=7">
<meta http-equiv="X-UA-Compatible" content="IE=5">

允許更容易的測試和維護。雖然通常比較有用的版本，這是使用模擬：
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9"/>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">

什麼版本IE 就用什麼版本的標準模式：
<meta http-equiv="X-UA-Compatible" content="IE=edge">

使用以下代碼強制IE 使用Chrome Frame：
<meta http-equiv="X-UA-Compatible" content="chrome=1">

最佳的兼容模式方案，結合考慮以上兩種：
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

指定文件兼容性模式，在網頁中使用meta元素放入X-UA-Compatible http-equiv 標頭。以下是指定為Emulate IE7 mode兼容性之範例：

1<html>

2    <head>

3        <!-- Mimic Internet Explorer 7 -->

4        <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

5        <title> My Web Page </title>

6    </head>

7    <body>

8    </body>

9</html>

設定網站服務器以指定預設兼容性模式：

01<?xml version="1.0" encoding="utf-8"?>

02    <configuration>

03        <system.webServer>

04        <httpProtocol>

05     <customHeaders>

06            <clear />

07        <add name="X-UA-Compatible" value="IE=EmulateIE7" />

08        </customHeaders>

09    </httpProtocol>

10    </system.webServer>

11</configuration>

也可以加上這行

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

也可以避免這個問題

有任何疑問歡迎留言

By 艾摩杰~

[PHP] 在PHP內做多維陣列的 array_unique

2014-09-22T08:57:00.003+08:00

一般遇到去除陣列重複值，會使用到 PHP 函數 array_unique()
但此函數只能使用在一維陣列上，遇到多為陣列就無法使用

在這邊提供一個 function 解決多維陣列去除重複值的解法

將陣列中的陣列json後降為一維陣列
再使用array_unique()去除重複值
再將陣列還原為二為陣列

function array_unique_2d($array2D){
$temp = $res = array();
foreach ($array2D as $v){
$v = json_encode($v);
$temp[] = $v;
}
$temp = array_unique($temp);
foreach ($temp as $item){
$res[] = json_decode($item,true);
}
return $res;
}

有任何疑問歡迎留言

By 艾摩杰~

[PHP] 50個提高PHP程序運行效率的方法

2014-05-08T10:25:00.001+08:00

50 個提高PHP 編程效率的方法:

0、用單引號代替雙引號來包含字符串，這樣做會更快一些。因為PHP 會在雙引號包圍的字符串中搜尋變量，單引號則不會，注意：只有echo 能這麼做，它是一種可以把多個字符串當作參數的“函數”(譯註：PHP 手冊中說echo 是語言結構，不是真正的函數，故把函數加上了雙引號)。

1、如果能將類的方法定義成static，就盡量定義成static，它的速度會提升將近4 倍。

2、$row['id'] 的速度是$row[id]的7 倍。

3、echo 比print 快，並且使用echo 的多重參數(譯註：指用逗號而不是句點)代替字符串連接，比如echo $str1,$str2。

4、在執行for 循環之前確定最大循環數，不要每循環一次都計算最大值，最好運用foreach 代替。

5、註銷那些不用的變量尤其是大數組，以便釋放內存。

6、盡量避免使用__get，__set，__autoload。

7、require_once()代價昂貴。

8、include 文件時盡量使用絕對路徑，因為它避免了PHP 去include_path 裡查找文件的速度，解析操作系統路徑所需的時間會更少。

9、如果你想知道腳本開始執行(譯註：即服務器端收到客戶端請求)的時刻，使用$_SERVER['REQUEST_TIME'] 要好於time()

10、函數代替正則表達式完成相同功能。

11、str_replace 函數比preg_replace 函數快，但strtr 函數的效率是str_replace 函數的四倍。

12、如果一個字符串替換函數，可接受數組或字符作為參數，並且參數長度不太長，那麼可以考慮額外寫一段替換代碼，使得每次傳遞參數是一個字符，而不是只寫一行代碼接受數組作為查詢和替換的參數。

13、使用選擇分支語句(譯註：即switch case)好於使用多個if，else if 語句。

14、用@屏蔽錯誤消息的做法非常低效，極其低效。

15、打開apache 的mod_deflate 模塊，可以提高網頁的瀏覽速度。

16、數據庫連接當使用完畢時應關掉，不要用長連接。

17、錯誤消息代價昂貴。

18、在方法中遞增局部變量，速度是最快的。幾乎與在函數中調用局部變量的速度相當。

19、遞增一個全局變量要比遞增一個局部變量慢2 倍。

20、遞增一個對象屬性(如：$this->prop++)要比遞增一個局部變量慢3 倍。

21、遞增一個未預定義的局部變量要比遞增一個預定義的局部變量慢9 至10 倍。

22、僅定義一個局部變量而沒在函數中調用它，同樣會減慢速度(其程度相當於遞增一個局部變量)。PHP 大概會檢查看是否存在全局變量。

23、方法調用看來與類中定義的方法的數量無關，因為我(在測試方法之前和之後都)添加了10 個方法，但性能上沒有變化。

24、派生類中的方法運行起來要快於在基類中定義的同樣的方法。

25、調用帶有一個參數的空函數，其花費的時間相當於執行7 至8 次的局部變量遞增操作。類似的方法調用所花費的時間接近於15 次的局部變量遞增操作。

26、Apache 解析一個PHP 腳本的時間要比解析一個靜態HTML 頁面慢2 至10 倍。盡量多用靜態HTML 頁面，少用腳本。

27、除非腳本可以緩存，否則每次調用時都會重新編譯一次。引入一套PHP 緩存機制通常可以提升25%至100%的性能，以免除編譯開銷。

28、盡量做緩存，可使用memcached。memcached 是一款高性能的內存對象緩存系統，可用來加速動態Web 應用程序，減輕數據庫負載。對運算碼(OP code)的緩存很有用，使得腳本不必為每個請求做重新編譯。

29、當操作字符串並需要檢驗其長度是否滿足某種要求時，你想當然地會使用strlen()函數。此函數執行起來相當快，因為它不做任何計算，只返回在zval 結構(C 的內置數據結構，用於存儲PHP 變量)中存儲的已知字符串長度。但是，由於strlen()是函數，多多少少會有些慢，因為函數調用會經過諸多步驟，如字母小寫化(譯註：指函數名小寫化，PHP 不區分函數名大小寫)、哈希查找，會跟隨被調用的函數一起執行。在某些情況下，你可以使用isset() 技巧加速執行你的代碼。(舉例如下) if (strlen($foo) < 5) { echo “Foo is too short”$$ } (與下面的技巧做比較) if (!isset($foo{5})) { echo “Foo is too short”$$ } 調用isset()恰巧比strlen()快，因為與後者不同的是，isset()作為一種語言結構，意味著它的執行不需要函數查找和字母小寫化。也就是說，實際上在檢驗字符串長度的頂層代碼中你沒有花太多開銷。

30、當執行變量$i 的遞增或遞減時，$i++會比++$i 慢一些。這種差異是PHP 特有的，並不適用於其他語言，所以請不要修改你的C 或Java 代碼並指望它們能立即變快，沒用的。++$i 更快是因為它只需要3 條指令(opcodes)，$i++則需要4 條指令。後置遞增實際上會產生一個臨時變量，這個臨時變量隨後被遞增。而前置遞增直接在原值上遞增。這是最優化處理的一種，正如Zend 的PHP 優化器所作的那樣。牢記這個優化處理不失為一個好主意，因為並不是所有的指令優化器都會做同樣的優化處理，並且存在大量沒有裝配指令優化器的互聯網服務提供商(ISPs)和服務器。

31、並不是事必面向對象(OOP)，面向對象往往開銷很大，每個方法和對象調用都會消耗很多內存。

32、並非要用類實現所有的數據結構，數組也很有用。

33、不要把方法細分得過多，仔細想想你真正打算重用的是哪些代碼?

34、當你需要時，你總能把代碼分解成方法。

35、盡量採用大量的PHP 內置函數。

36、如果在代碼中存在大量耗時的函數，你可以考慮用C 擴展的方式實現它們。

37、評估檢驗(profile)你的代碼。檢驗器會告訴你，代碼的哪些部分消耗了多少時間。Xdebug 調試器包含了檢驗程序，評估檢驗總體上可以顯示出代碼的瓶頸。

38、mod_zip 可作為Apache 模塊，用來即時壓縮你的數據，並可讓數據傳輸量降低80%。

39、在可以用file_get_contents 替代file、fopen、feof、fgets 等系列方法的情況下，盡量用file_get_contents，因為他的效率高得多!但是要注意file_get_contents 在打開一個URL 文件時候的PHP 版本問題;

40、盡量的少進行文件操作，雖然PHP 的文件操作效率也不低的;

41、優化Select SQL 語句，在可能的情況下盡量少的進行Insert、Update 操作(在update 上，我被惡批過);

42、盡可能的使用PHP 內部函數(但是我卻為了找個PHP 裡面不存在的函數，浪費了本可以寫出一個自定義函數的時間，經驗問題啊!);

43、循環內部不要聲明變量，尤其是大變量：對象(這好像不只是PHP 裡面要注意的問題吧?);

44、多維數組盡量不要循環嵌套賦值;

45、在可以用PHP 內部字符串操作函數的情況下，不要用正則表達式;

46、foreach 效率更高，盡量用foreach 代替while 和for 循環;

47、用單引號替代雙引號引用字符串;

48、“用i+=1 代替i=i+1。符合c/c++的習慣，效率還高”;

49、對global 變量，應該用完就unset()掉;

有任何疑問歡迎留言

By 艾摩杰~

[Phpmyadmin] PhpMyAdmin 403錯誤解決辦法

2014-03-18T09:36:00.003+08:00

在使用php的過程中，出現了phpmyadmin 403錯誤：

phpmyadmin 403 You don't have permission to access /phpmyadmin/ on this server

該如何解決呢？本文我們就介紹一下這類問題的解決思路與方法，希望能夠對您有所幫助。

解決辦法：

查看網上的資料說是selinux的問題，於是將其關掉但還是不行。還有一種說法說是selinux給httpd分配的權限問題，總之就是和權限有關。

於是進行下面的操作：

1、修改權限

2、修改phpmyadmin的權限使其得到selinux分配給httpd的權限，不過上面操作之後都沒有用。

3、在http.conf文件中加入：(紅字請替換成自己的路徑)

< Directory “/usr/share/phpmyadmin/”>
AllowOverride None
Order allow,deny
Allow from all
Require all granted
</ Directory >

之後，就能成功啟動httpd服務了，問題解決。

有任何疑問歡迎留言

By 艾摩杰~

[Linux] CentOS 5 / 6 原始安裝圖文教學

2014-01-07T10:45:00.003+08:00

CentOS（Community Enterprise Operating System）是Linux發行版之一，它是來自於Red Hat Enterprise Linux依照開放原始碼規定釋出的原始碼所編譯而成。由於出自同樣的原始碼，因此有些要求高度穩定性的伺服器以CentOS替代商業版的Red Hat Enterprise Linux使用。兩者的不同，在於CentOS並不包含封閉原始碼軟體。CentOS對上游代碼的主要修改是為了移除不能自由使用的商標。

CentOS 下載點(義守大學FTP)：
各版本：http://ftp.isu.edu.tw/pub/Linux/CentOS/
6.5 ISO：http://ftp.isu.edu.tw/pub/Linux/CentOS/6.5/isos/i386/CentOS-6.5-i386-bin-DVD1.iso
5.10 ISO：http://ftp.isu.edu.tw/pub/Linux/CentOS/5.10/isos/i386/CentOS-5.10-i386-bin-DVD-1of2.iso

以下安裝教學使用6.4版示範(各版本安裝界面大同小異~~應該說Linux幾乎都這樣~~)

1.放入光碟開機即可看到此畫面，選擇第一項，按下Enter即可進行安裝

2.測試光碟(~~安裝媒體~~)裡的檔案是否正常，按Skip跳過即可~

3.進入安裝畫面，點NEXT

4.選擇語系，選正體中文，點NEXT

5.選擇鍵盤系統，選英式英文，點下一步

6.點下一步

7.選放棄資料，下一步

8.命名電腦，點下一步

9.選擇時區，點下一步

10.設定管理員(ROOT)密碼，務必牢記!!，點下一步

11.配置空間，讓系統自己分配選第一項，點下一步

12.系統配置空間，點下一步

13.確定將配置存入磁碟，點下一步

14.點下一步

15.請選擇Desktop，下方選擇立即自訂，點下一步

16.可選擇想安裝的軟體，此畫面務必勾選，才會有圖形介面，點下一步

17.開始安裝~~~

18.安裝完成，安裝Linux很簡單吧~~~

大功告成!!

有任何疑問歡迎留言

By 艾摩杰~

[PHP] PHP + CURL 傳送 Request (GET,POST或上傳檔案) 至另一個網頁

2013-12-11T17:58:00.002+08:00

PHP傳送GET、POST、上傳檔案至另一個網址，以及PHP如何接收及處理上傳的檔案。正常來講PHP程式通常是接收端，但有些時候也會扮演傳送端，把資料送到同一個或另一個伺服器，或者讀取某個網頁資料，這時可以用fopen、fsockopen或者cURL，後者功能強大且使用起來很便利、程式碼也很美觀直覺，相當推薦使用。

簡易的使用語法(GET)：
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, "http://SomeDomain/SamplePath?SomeVar=test");
curl_exec($ch);
curl_close($ch);

簡單的POST範例：
$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, "http://SomeDomain/SamplePath");
curl_setopt($ch, CURLOPT_POST, true); // 啟用POST
curl_setopt($ch, CURLOPT_POSTFIELDS, http_build_query( array( "a"=>"123", "b"=>"321") ));
curl_exec($ch); curl_close($ch);

CURLOPT_POSTFIELDS參數即為POST的內容，而 http_build_query() 效果是將array併成 a=123&b=321 型式的字串，POST內容會在header中標示以application/x-www-form-urlencoded型式傳送，如果不用字串而直接給array也可以，傳送方式則會變成multipart/form-data，但是封包會變大，且可能不被某些Server接受，通常是傳送檔案時才用。

進階的POST範例，參數設置還可以用array的方式取代：
$toURL = "http://SomeDomain/SamplePath?SomeVar=XX";
$post = array( "a"=>"123", "b"=>"321",);
$ch = curl_init();
$options = array( CURLOPT_URL=>$toURL, CURLOPT_HEADER=>0, CURLOPT_VERBOSE=>0, CURLOPT_RETURNTRANSFER=>true, CURLOPT_USERAGENT=>"Mozilla/4.0 (compatible;)", CURLOPT_POST=>true, CURLOPT_POSTFIELDS=>http_build_query($post),);
curl_setopt_array($ch, $options);
// CURLOPT_RETURNTRANSFER=true 會傳回網頁回應,
// false 時只回傳成功與否
$result = curl_exec($ch);
curl_close($ch);
echo $result;

如果要挾帶檔案，和一般的POST動作一樣，只需注意二點:
1.以multipart/form-data模式傳送
2.array內容前面加個@符號，後面接檔案的「絕對路徑」
cURL會自動去讀檔和計算大小，相當方便！

POST檔案範例：
$toURL = "http://SomeDomain/SamplePath?SomeVar=XX";
$post = array(
"a"=>"123",
"userfile"=>"@C:/XXX/OOO/oxox.doc"
//檔案若和程式在同一目錄或相對目錄, 可以用getcwd(), 如:
// "userfile"=>"@".getcwd()."/oxox.doc",
// 另外還可以在檔名後面加上分號指定mimetype(較新版的PHP才能使用)
// (預設的 mimetype 為application/octet-stream)
// "userfile"=>"@".getcwd()."\\somePic.png;type=image/png"
);
$ch = curl_init();
$options = array(
CURLOPT_URL=>$toURL,
CURLOPT_POST=>true,
CURLOPT_POSTFIELDS=>$post,
// 直接給array
);
curl_setopt_array($ch, $options);
curl_exec($ch);
curl_close($ch);

想挾帶多個檔案也可以，只要在array中增加即可。上段程式碼等同於在如下的HTML form中送出資料：
<form action="http://SomeDomain/SamplePath?SomeVar=XX" method="post" enctype="multipart/form-data">
<input type="file" name="userfile" id="userfile" />
<input type="hidden" name="a" value="123" />
<input type="submit" name="submit" value="Submit" />
</form>

因為是HTML標準所以接收端不限於PHP，任何語言都可以，若接收端為PHP時，一樣是處理$_FILES變數，例如下面的程式碼：
if ($_FILES["userfile"]["error"] > 0)
{
echo "Error: ".$_FILES["userfile"]["error"]."<br />";
}
else
{
echo "檔名: ".$_FILES["userfile"]["name"]."<br />";
echo "Type: ".$_FILES["userfile"]["type"]."<br />";
echo "Size: ".($_FILES["userfile"]["size"]/1024)." Kb<br/>";
echo "暫存位置: ".$_FILES["userfile"]["tmp_name"];
}

有任何疑問歡迎留言

By 艾摩杰~

[Linux] 使用 ps 指令查系統程序 PID

2013-12-10T11:35:00.004+08:00

終端機中輸入 ps -aux 就可以知道有多少服務同時在你的主機上面跑了

查系統程序PID
ps axu | grep php

正常的結束程序
kill -l
kail -15 PID

有任何疑問歡迎留言

By 艾摩杰~

[JQuery] InfiniteScroll 無限捲動介面如 Facebook 動態牆

2013-12-05T17:49:00.002+08:00

InfiniteScroll 是利用 jQuery 背後 ajax 方式, 將一頁一頁的網頁, 透過不換頁, 直接 append 到目前的頁面上, 達成向下捲動而看更多內容的功能. 像是 Facebook 動態牆, 就是這樣的應用情境.

官方網站: http://www.infinite-scroll.com

來看看怎麼做這個效果吧

先加入Jquery & InfiniteScroll
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.infinitescroll.min.js"></script>

InfiniteScroll 是利用了 jQuery 在背景取出下一頁的內容, 並將指定的 selector 資料 append 到目前的網頁上, JQuery程式碼如下:

<script type="text/javascript">
$(function(){ $('#container').infinitescroll({
navSelector : 'div.nav', // selector for the paged navigation
nextSelector : 'div.nav a', // selector for the NEXT link (to page 2)
itemSelector : '.item', // selector for all items you'll retrieve
loading: {
img: 'Loading.gif', //圖片位置
msgText: 'loading....', //讀取時顯示的文字
finishedMsg: 'no more...' //結束讀取顯示文字
}
});
});
</script>

就是將本頁的容器, 利用 infinitescroll 函式呼叫, 並傳入 3個重要參數,
navSelector (這個是指當 page 瀏覽到這個 selector 指定物件時, 進行 load 下一頁內容)
nextSelector (要 load 的內容, 就是 nextSelector 的物件中的 url)
itemSelector (則是 load 到網頁後, 要帶出來放到目前頁面上的內容項目)
以上面的例子來看, 網頁的介面會是如下:

<div id='container'> <div class='item'>
網頁內容
</div> </div>

而網頁最底端放入 (page-2.htm則是要append的頁面)
<div class='navigation'>
<a href='page-2.htm'></a>
</div>

完成後當網頁移到最下面時，將會自動載入下一頁~~

有任何疑問歡迎留言

By 艾摩杰~

[Synology NAS] 9-【DSM新手篇】-欣賞你的電影Video Station DS video

2013-10-31T13:55:00.003+08:00

馬上進入最精彩的部分，也是很多人關心的部分。
在DSM4.1發布了一個新的套件，Video Station，彌補了視頻部分的應用空白

首先我們拷貝好高清視頻MKV格式到Video目錄準備

安裝好Video Station

打開Video Station，這是一個全新的界面，第一次運行會提示你關聯好Video Station的檢索目錄

打開設置

設置到Video目錄

選擇電影的類型（這個是一個刮削器）

四部電影被正確識別，並且自動下載好了封面和簡介

詳細界面，可以播放的哦

播放中，比較流暢，字幕也正確顯示
不過因為播放器是掛載到瀏覽器中運行，限於瀏覽器的效能，對於1080P這樣的高碼率體驗不是很好

APP同樣有，iPad的DS video登陸

內容信息完全和Video Station一致，我們可以把Video Station看做是DS Video的服務器端

詳細頁，點擊播放

首先出來的界面是選擇字幕和聲道，非常不錯哦

播放中，11G的變形金剛

我們看看關於官方對於DS Video的一些特殊說明

我們都知道IOS原生是不支持MKV封裝的硬解碼的
在iPad播放時，NAS的CPU佔用很高，說明NAS是在給iPad實時轉碼為MP4格式

有任何疑問歡迎留言

By 艾摩杰~

[Synology NAS] 8-【DSM新手篇】-聆聽你的音樂Audio Station DS audio

2013-10-31T13:47:00.004+08:00

依然是套件中心安裝Audio Station

打開Audio Station界面，相當專業，類似一個Web版的iTunes
本人對音樂不是太感冒，就簡單測試，同樣Audio Station支持串流和AirPlay模式

自定義的屬性項很豐富，音樂封面能自動識別

簡潔模式，可以一邊聽歌一邊管理數據

APP上的音樂，DS audio

輸入NAS的IP和賬號即可

識別的音樂專輯

封面OK

同樣支持airplay

有任何疑問歡迎留言

By 艾摩杰~

[Synology NAS] 7-【DSM新手篇】-分享你的照片Photo Station DS photo

2013-10-31T12:54:00.002+08:00

下面我們來講解三大家庭數據之一的照片，Photo Station
首先到套件中心安裝好Photo Staion，套件安裝方法見上一篇教學
在DSM系統中，很多習慣都延續於Windows，例如開始菜單的應用程序可以拖拽到桌面，方便操作

以後就可以快速打開Photo Station了

Photo Station對應的系統目錄是Photo，我們拷貝一些照片到該目錄

當數據拷貝完成後，NAS開始轉換縮略圖，比較耗費NAS的開銷，處理器轉換資源較高，那為什麼要使用縮略圖呢？下面會解疑

如果你不想等待漫長的轉換，也有一個不錯的方法，就是使用Synology Assistant工具來上傳

可以選擇整個文件夾

Synology Assistant工具上傳的好處就是由你本機PC的處理器來運算縮略圖，然後把原圖和縮略圖一併傳送到NAS，NAS不需要再開銷處理器的資源來轉換。對於如果擁有大量照片和愛好單反的玩家，建議盡量選擇帶浮點運算的機型來提高照片類儲存的效能

Photo Station的網頁接口界面，櫥窗模式的小圖就是縮略圖了

當然縮略圖不止用到這一處，Synology的檔案分享擴展也不僅僅限於PC or Mac，下面就繼續針對Photo Station的移動設備分享來看看

測試設備，IOS

在ISO的App Store中搜索Synology，能看見官方多款APP應用，都以DS XXX格式，這裡我們打開DS photo+
對於Android，Synology也發布多了多款對應的DS XXX的APP，請到play.google.com搜索下載，功能界面都大同小異

輸入NAS的IP和帳號

看見類似IOS原生照片APP一樣的界面

櫥窗圖

大縮略圖，操作起來異常方便

還直接AirPlay設備

可以保存照片到本地

有任何疑問歡迎留言

By 艾摩杰~

[Synology NAS] 6-【DSM新手篇】-套件安裝

2013-10-31T12:44:00.003+08:00

從DSM4.x開始，套件逐漸開始分離話，用戶可以按照自己需求來選擇安裝不同應用的套件。
下面我們就以一個套件Media Server（媒體服務器）的例子看一下套件的安裝方法

為什麼要用Media Server的例子呢？一會兒你就明白了
第一次打開套件中心

可安裝的套件琳瑯滿目，不要選暈了，我們直接找到目標，媒體服務器

如果在線下載的速度較慢，我們可以去官方網站下載SPK包安裝，效果是一樣的

安裝完畢

媒體服務器有一個好處，可以幫助你建立好各種應用的初始化文件夾Audio，Photo，Video
我們打開File Station看看

正確，沒錯

到現在為止，如果沒有意外的話，你支持DLNA設備，例如電視機，可以找到NAS的DLNA廣播哦。
當然你目錄下要有文件才可以瀏覽。

有任何疑問歡迎留言

By 艾摩杰~

[Synology NAS] 5-【DSM新手篇】-檔案共享Mac

2013-10-31T12:37:00.004+08:00

對於Mac用戶，DSM同樣提供了方便快捷的共享，

在這裡我們看見基於Mac OS的AFP共享協議的mac共享默認也勾選好了。

打開Finder，左側馬上就能看見HomeDS，點擊右側的登陸

輸入NAS的賬戶和密碼

enjoy！

有任何疑問歡迎留言

By 艾摩杰~

[Synology NAS] 4-【DSM新手篇】-檔案共享Windows

2013-10-31T12:34:00.001+08:00

NAS作為檔案共享的最基礎，當然是各種設備的順利訪問和管理，

所以我們第一步也是講windows的共享方式

我們首先進入控制面板的Win/Mac/NFS，看見Windows文件服務系統已經默認勾選好了

打開WIN7的網上鄰居，能看見我們的NAS-HomeDS，直接就可以訪問瞭

如果你要分目錄訪問，我們就是用WIN7的映射網絡驅動器的辦法

按照下面格式填寫你NAS的IP和對應的共享文件夾

填入NAS的用戶賬號

一個網絡映射就成功建立了

當然如果你是數據控，想更快捷的管理，下面還有一個方法
桌面建立快捷方式

按照下面格式填寫IP

填寫備註名

然後你就可以快速進入並看見NAS的所有共享目錄了

有任何疑問歡迎留言

By 艾摩杰~

[Synology NAS] 3-【DSM新手篇】-帳號管理

2013-10-31T04:07:00.005+08:00

為什麼要講到帳號管理？

其實NAS作為家庭數據中心，數據管理和數據分享的權限最好是分開的，這樣作為一家IT之主的你負責數據管理，而家人只用享受數據分享就行了。

這樣的管理模式比較科學。

打開DSM的控制面板，進入用戶帳號

新增賬號

我們建立一個home的賬號，密碼為123456，而且不容許用戶自己更改密碼

加入權限較低的user用戶組

目錄權限都為只讀

使用空間配額，這裡不限制

管理的數據管理服務都去掉

還可以為用戶定義不同應用的速度限制，一個不錯Qos機制

賬號建立完畢

有任何疑問歡迎留言

By 艾摩杰~

[Synology NAS] 2-【DSM安裝篇】-初始化系統

2013-10-31T03:31:00.002+08:00

開始第一步，安裝DSM
新拿到DiskStation，簡單的硬件安裝，連接網線，插上電源，開機即可。

初始化我們需要去官網下載DSM固件和安裝工具Synology Assistant
http://www.synology.com/support/download.php?lang=chs&b=2%20bays&m=DS213air
DSM的安裝其實很簡單，PC打開Synology Assistant，會自動掃描到你的DS設備

選擇好下載的DSM固件

設置好管理賬號

這裡註意：如果你想使用常規的raid模式，請不要勾選Synology Hybrid RAID

反之如果要使用SHR模式就必須勾選Synology Hybrid RAID

設置設置NAS 為固定IP
最好設置NAS為固定IP ，便於以後各種設置和方便維護

自動的，完成DSM安裝

有任何疑問歡迎留言

By 艾摩杰~

艾摩杰

[Cordova] ngCordova Barcode Scanner plugin 掃描Qrcode bug 解決方式

[Hybrid APP] Cordova + Firebase 簡單實現 ios APNS推播 以及 android FCM(GCM) 推播

[Javascript] base64 encode & base64 decode with UTF-8

[jQuery] 解決 jQuery DataTables 匯出CSV亂碼問題 UTF-8 with BOM

[NodeJS] Synology NAS 架設 NodeJS Server , 並用 forever 背景執行程式

[MAC] 刪除擾人的 .DS_Store

[ionic] cordovaPush GCM 推播 範例

[PHP] 透過php gd轉圖片以程式方式輸出並在程式中取得參數回傳

[Linux] 使用 XRDP 從 win7 遠端 Ubuntu 桌面

[HTML] X-UA-Compatible 設置IE相容模式

[PHP] 在PHP內做多維陣列的 array_unique

[PHP] 50個提高PHP程序運行效率的方法

[Phpmyadmin] PhpMyAdmin 403錯誤 解決辦法

[Linux] CentOS 5 / 6 原始安裝 圖文教學

[PHP] PHP + CURL 傳送 Request (GET,POST或上傳檔案) 至另一個網頁

[Linux] 使用 ps 指令 查系統程序 PID

[JQuery] InfiniteScroll 無限捲動介面 如 Facebook 動態牆

[Synology NAS] 9-【DSM新手篇】-欣賞你的電影Video Station DS video

[Synology NAS] 8-【DSM新手篇】-聆聽你的音樂Audio Station DS audio

[Synology NAS] 7-【DSM新手篇】-分享你的照片Photo Station DS photo

[Synology NAS] 6-【DSM新手篇】-套件安裝

[Synology NAS] 5-【DSM新手篇】-檔案共享Mac

[Synology NAS] 4-【DSM新手篇】-檔案共享Windows

[Synology NAS] 3-【DSM新手篇】-帳號管理

[Synology NAS] 2-【DSM安裝篇】-初始化系統

[Hybrid APP] Cordova + Firebase 簡單實現 ios APNS推播以及 android FCM(GCM) 推播

[ionic] cordovaPush GCM 推播範例

[Phpmyadmin] PhpMyAdmin 403錯誤解決辦法

[Linux] CentOS 5 / 6 原始安裝圖文教學

[Linux] 使用 ps 指令查系統程序 PID

[JQuery] InfiniteScroll 無限捲動介面如 Facebook 動態牆