2019年12月31日 星期二
2019年12月26日 星期四
php 重新排列陣列裡的陣列順序
剛好最近寫網站有這個需要，因為 db 設計的關係所以撈出來資料的排序沒辦法照我想要的排列，研究一下找到這個方法就記錄一下。
如果想要照 id 排序，就像這樣寫：
參考: PHP: Sorting Arrays of Arrays
Read more
$students=array(
array(
'id'=>1,
'name'=>'Jason'
),
array(
'id'=>0,
'name'=>'Tom'
),
array(
'id'=>3,
'name'=>'John'
)
);
如果想要照 id 排序，就像這樣寫：
function new_order($a, $b)
{
return strnatcmp($a['id'], $b['id']);
}
usort($students, 'new_order');
參考: PHP: Sorting Arrays of Arrays
2019年12月19日 星期四
綠界金流串接
最近因為在串綠界的金流，來記錄一下好了。
首先要先去綠界下載 API 文件還有 SDK，我是用 php 寫的所以就下載 php 那包。
接下來要傳資料到後端去處理：
接著在 post 後處理資料再送到綠界就可以了
最後處理回傳的付款資訊即可。
Read more
首先要先去綠界下載 API 文件還有 SDK，我是用 php 寫的所以就下載 php 那包。
接下來要傳資料到後端去處理：
接著在 post 後處理資料再送到綠界就可以了
include('ECPay.Payment.Integration.php');
try {
$obj = new ECPay_AllInOne();
//服務參數
$obj->ServiceURL = "https://payment-stage.ecpay.com.tw/Cashier/AioCheckOut/V5"; //服務位置，記得測試完要還成正式網址
$obj->HashKey = '5294y06JbISpM5x9' ; //測試用Hashkey，請自行帶入ECPay提供的HashKey
$obj->HashIV = 'v77hoKGq4kWxNNIS' ; //測試用HashIV，請自行帶入ECPay提供的HashIV
$obj->MerchantID = '2000132'; //測試用MerchantID，請自行帶入ECPay提供的MerchantID
$obj->EncryptType = '1'; //CheckMacValue加密類型，請固定填入1，使用SHA256加密
//基本參數(請依系統規劃自行調整)
$MerchantTradeNo = "Test".time() ;
$obj->Send['ReturnURL'] = "接收回傳資料的網址" ; //付款完成通知回傳的網址
$obj->Send['MerchantTradeNo'] = $MerchantTradeNo; //訂單編號
$obj->Send['MerchantTradeDate'] = date('Y/m/d H:i:s'); //交易時間
$obj->Send['TotalAmount'] = 2000; //交易金額
$obj->Send['TradeDesc'] = "good to drink" ; //交易描述
$obj->Send['ChoosePayment'] = ECPay_PaymentMethod::ALL ; //付款方式:全功能
//訂單的商品資料
array_push($obj->Send['Items'], array('Name' => "歐付寶黑芝麻豆漿", 'Price' => (int)"2000",
'Currency' => "元", 'Quantity' => (int) "1", 'URL' => "dedwed"));
//產生訂單(auto submit至ECPay)
$obj->CheckOut();
} catch (Exception $e) {
echo $e->getMessage();
}
最後處理回傳的付款資訊即可。
require('ECPay.Payment.Integration.php');
try {
// 收到綠界科技的付款結果訊息，並判斷檢查碼是否相符
$AL = new ECPay_AllInOne();
$AL->MerchantID = '2000132';
$AL->HashKey = '5294y06JbISpM5x9';
$AL->HashIV = 'v77hoKGq4kWxNNIS';
// $AL->EncryptType = ECPay_EncryptType::ENC_MD5; // MD5
$AL->EncryptType = ECPay_EncryptType::ENC_SHA256; // SHA256
$feedback = $AL->CheckOutFeedback();
// 以付款結果訊息進行相對應的處理
/**
回傳的綠界科技的付款結果訊息如下:
Array
(
[MerchantID] =>
[MerchantTradeNo] =>
[StoreID] =>
[RtnCode] =>
[RtnMsg] =>
[TradeNo] =>
[TradeAmt] =>
[PaymentDate] =>
[PaymentType] =>
[PaymentTypeChargeFee] =>
[TradeDate] =>
[SimulatePaid] =>
[CustomField1] =>
[CustomField2] =>
[CustomField3] =>
[CustomField4] =>
[CheckMacValue] =>
)
再個別寫入資料庫更新即可
*/
// 在網頁端回應 1|OK
echo '1|OK';
} catch(Exception $e) {
echo '0|' . $e->getMessage();
}
2019年12月16日 星期一
2019年12月8日 星期日
2019年12月6日 星期五
2019年12月5日 星期四
2019年11月28日 星期四
2019年11月26日 星期二
2019年11月25日 星期一
升級 Mac 的 php 版本
Mac 本身內建有 php，如果想要升級版本的話就需要自己去下載並安裝，先用以下指令可以查看目前使用的 php 版本：
再來透過網路安裝新版的 php
經過一段時間安裝後應該是安裝成功了，但查看版本可能還是舊版的 php，這時候再加上這段就好了：
Read more
php --version
再來透過網路安裝新版的 php
curl -s http://php-osx.liip.ch/install.sh | bash -s 7.3
經過一段時間安裝後應該是安裝成功了，但查看版本可能還是舊版的 php，這時候再加上這段就好了：
export PATH=/usr/local/php5/bin:$PATH
2019年11月22日 星期五
Photoshop 的免費 UI 標示工具- Size-Marks-PS
現在雖然有不少好用的原型工具，像 Adobe XD 或 Sketch，但還是可能會收到一些不是用這些原型工具的檔案，如果是 photoshop 可以選擇這個免費的工具來幫忙標示 UI 的間距。
首先到 github 下載 Size-Marks-PS 這個 plugin
下載後依以下路徑安裝到 photoshop
OS X: /Applications/[Photoshop]/Presets/Scripts/
Windows: C:\[Program Files]\Adobe\[Photoshop]\Presets\Scripts
接下來重開 photoshop 就可以使用了，把要標示的距離用選取工具選起來。
接著從檔案 > 指令碼 選擇 Size Marks
這樣就會幫你標示了，如果覺得每次要從選單選很麻煩，也非常建議設定快速鍵，從 編輯 > 鍵盤快速鍵 > 檔案 > 指令碼 找到 Size Marks 就可以設定快速鍵。
這是開發者建議大家設定的快速鍵
OS X: Shift+Cmd+P
Windows: Shift+Ctrl+P
Read more
首先到 github 下載 Size-Marks-PS 這個 plugin
下載後依以下路徑安裝到 photoshop
OS X: /Applications/[Photoshop]/Presets/Scripts/
Windows: C:\[Program Files]\Adobe\[Photoshop]\Presets\Scripts
接下來重開 photoshop 就可以使用了，把要標示的距離用選取工具選起來。
接著從檔案 > 指令碼 選擇 Size Marks
這樣就會幫你標示了，如果覺得每次要從選單選很麻煩，也非常建議設定快速鍵，從 編輯 > 鍵盤快速鍵 > 檔案 > 指令碼 找到 Size Marks 就可以設定快速鍵。
這是開發者建議大家設定的快速鍵
OS X: Shift+Cmd+P
Windows: Shift+Ctrl+P
2019年11月21日 星期四
2019年11月17日 星期日
[TP 合金] 百獸王(聖戰士)
一直想買百獸王的模型，但之前錯過 30 週年紀念的後就一直沒有滿意的造型或價位的，這次看到這款 TP 合金的套件，看起來應該中國那邊的廠商，應該是有取得版權吧(?)，總之在造型跟價位上很符合我的目標所以就入手了。
造型沒什麼話說，可動性我也覺得 ok，不過這款有說是不能合體分離的，但剛好也是我最不在意的點，要說讓我覺得驚訝的是明明盒子看起來不大，但拿出來擺後卻比我預期的大很多。
隨便擺一下姿勢。
2019年11月9日 星期六
抓取 Instagram(ig) 特定使用者與 hashtag 的照片
因為想要在網站上放特定 ig hashtag 的照片，本來從 api 去研究，但測了半天都抓不到 ig 要我抓的東西，繼續找資料的同時找到了原來有人已經寫好不用透過 api 的方式抓取照片的 plugin了，簡單測試之後發現真的可以用所以就拿來放到網站上了。
外掛網址：instastory.js
因為是 jquery 的 plugin，記得要先讀入 jquery，然後再把 plugin 讀進來。
準備一個照片要讀進來的容器。
然後直接執行，前面加 # 就是讀取特定 hashtag，加 @ 就是讀取特定帳號。
$(".container").instastory({
get: "#yoga" // or "@username"
});
$(".container").instastory("#yoga");
另外可以設定的值包含：
limit: 6 //想要讀取的照片數
imageSize: 240 //可填入 50, 240, 320, 480, 640
也可以設定樣板：
這些則是每張照片的變數
{{accessibility_caption}}
{{caption}}
{{comments}}
{{image}}
{{likes}}
{{link}}
2019年11月8日 星期五
使用 javascript SDK 來做 FB/Google 的社群登入
現在網站為求方便，許多都會讓使用者可以用社群網站登入減少認證的麻煩，這邊來筆記一下該怎麼使用 FB 跟 Google 登入的方法。
Google
google 的話要先到 Google API 服務的地方申請一個新的憑證。
接著可以設定一下容易辨識的名字，就可以拿 api 的 id 跟密鑰了。
因為我們是要用 javascript 登入，所以這邊設定網址就不是這麼重要，再來就是實作登入了。
放一顆按鈕：
初始化 google javascript SDK
接著就可以這樣拿到 google 登入後的資料了。
參考：Google Login with Javascript API
Facebook
首先也是先到 Facebook Developer 申請一個 app，並設定一下要用的網域以及拿 app id 及金鑰。
接著一樣放一顆 fb 登入的按鈕
寫 js
完成。
Read more
google 的話要先到 Google API 服務的地方申請一個新的憑證。
接著可以設定一下容易辨識的名字，就可以拿 api 的 id 跟密鑰了。
因為我們是要用 javascript 登入，所以這邊設定網址就不是這麼重要，再來就是實作登入了。
放一顆按鈕：
初始化 google javascript SDK
let Google_appId = "*****.apps.googleusercontent.com";
// Called when Google Javascript API Javascript is loaded
function HandleGoogleApiLibrary() {
// Load "client" & "auth2" libraries
gapi.load('client:auth2', {
callback: function () {
// Initialize client & auth libraries
gapi.client.init({
clientId: Google_appId,
scope: 'https://www.googleapis.com/auth/userinfo.profile https://www.googleapis.com/auth/userinfo.email https://www.googleapis.com/auth/plus.me'
}).then(
function (success) {
// Google Libraries are initialized successfully
// You can now make API calls
console.log("Google Libraries are initialized successfully");
},
function (error) {
// Error occurred
console.log(error);// to find the reason
}
);
},
onerror: function () {
// Failed to load libraries
console.log("Failed to load libraries");
}
});
}
function GoogleLogin() {
// API call for Google login
gapi.auth2.getAuthInstance().signIn().then(
function (success) {
// Login API call is successful
console.log(success);
let Google_ID = success["El"];
//這邊可以寫抓到登入資訊後要做的事，比如將會員資料寫到資料庫之類的
},
function (error) {
// Error occurred
// console.log(error) to find the reason
console.log(error);
}
);
}
接著就可以這樣拿到 google 登入後的資料了。
// API call to get user profile information
gapi.client.request({ path: 'https://www.googleapis.com/plus/v1/people/me' }).then(
function(success) {
// API call is successful
var user_info = JSON.parse(success.body);
// user profile information
console.log(user_info);
},
function(error) {
// Error occurred
// console.log(error) to find the reason
}
);
參考：Google Login with Javascript API
首先也是先到 Facebook Developer 申請一個 app，並設定一下要用的網域以及拿 app id 及金鑰。
接著一樣放一顆 fb 登入的按鈕
寫 js
//應用程式編號，進入 https://developers.facebook.com/apps/ 即可看到
let FB_appID = "";
//FB Login 官方文件：https://developers.facebook.com/docs/facebook-login/web
// Load the Facebook Javascript SDK asynchronously
(function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "https://connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
window.fbAsyncInit = function () {
FB.init({
appId: FB_appID,//FB appID
cookie: true, // enable cookies to allow the server to access the session
xfbml: true, // parse social plugins on this page
version: 'v5.0' // use graph api version
});
};
//使用自己客製化的按鈕來登入
function FBLogin() {
FB.login(function (response) {
//debug用
console.log(response);
if (response.status === 'connected') {
//user登入成功
//抓userID
let fb_id = response["authResponse"]["userID"];
//接著可以對帳號做處理
} else {
// user FB取消授權
alert("Facebook帳號無法登入");
}
}, { scope: 'public_profile,email' });
}
完成。
2019年11月7日 星期四
2019年11月6日 星期三
2019年10月30日 星期三
國立台灣大學雲與氣膠研究室 預報產品 網頁
因為最近超忙的所以是請學生幫忙完成的，看到訓練出來的學生馬上就能上工真是讓人開心的事。
本來拿到原本網頁的時候是超陽春的而且 UI 很糟糕的頁面，後來幫他們重新規劃後就是現在這個版本，其實我還是好想做跟天氣相關的網站啊，找時間來做吧。
網址：
國立台灣大學雲與氣膠研究室 預報產品
2019年10月26日 星期六
再見 La new 高熊/ Lamigo 桃猿
今年最後知道 Lamigo 要轉賣給日本樂天後，雖然覺得不捨但也有想過總是會有這天的到來，真的非常感謝劉家父子這十幾年來對中華職棒的貢獻。
跟 Lamigo 的前身 La new 熊有一些淵源，當初忘了什麼方式被當時在 La new 高熊服務的朋友找上我幫忙繪製一些活力熊的表情符號和偶爾一些的宣傳圖，後來也有幫忙弄一些他們企業的宣傳品。很感謝當時的朋友給我這個機會，讓我除了可以有更多的作品也有機會從他那邊了解企業做行銷和公關的一些知識。
後來雖然他離開後我也就幾乎沒有再接觸他們公司的案子，但也因為他讓我後來有機會有些動力去做我想做的事情，即使我們後來不是很常見面，但也大概一年會約個一次出來聊個天談談近況，內心總是有些願望希望能夠持續實現，朋友們就繼續努力吧。
也因為朋友的關係跟劉董事長有過一面之緣，當時覺得他真的是一個很熱情且溫暖的長輩，最後也祝福 La new 企業以及之後接手的樂天都能持續發光發熱。
2019年10月23日 星期三
2019年10月22日 星期二
2019年10月21日 星期一
2019年10月19日 星期六
2019年10月18日 星期五
2019年10月16日 星期三
facebook 粉絲專頁排程發文方式
fb 最近改版把原本在貼文的時候可以直接設定排程的功能拿掉，不知道是暫時的或是永久的，不過還好這功能也不是真的拿掉，我們可以從別的地方進入排程的地方。
首先從上面的頁籤進入發佈工具。
接著點選建立就可以用排程功能了。
Read more
首先從上面的頁籤進入發佈工具。
接著點選建立就可以用排程功能了。
訂閱：
文章 (Atom)
發表文章
