發表文章

[OpenCV] Convert RGB to Web-Safe Colors

圖片
Convert RGB to Web-Safe Colors

解決React/React route部屬在GitHub Pages上遇到的問題

修訂了一版放在github上,步驟比較詳細 這裡 --- 想把React APP部屬在GitHub Pages上若有使用到React route最常見的問題就是出現"空白"或是自訂的404頁面,但是當你打開瀏覽器偵錯工具又發現資源是正確載入的 這個問題的原因發生在React route本身,可能因為React route偵測到的路徑發生一些問題導致元件沒有渲染,這時候你需要進行一些設置 1. 在你的package.json加入"homepage": "https://你的帳號.github.io/儲藏庫/index所在資料夾" 2. 修改package.json腳本 - ※修改後的package.json參考 - 3. 將Router替換成 HashRouter 本來可能是 BrowserRouter ,如果沒有進行替換會在reload後發生404,這是因為GitHub Pages無法設置404 redirect ※如果不換成 HashRouter ,須給 BrowserRouter 指定basename。 basename='儲藏庫/index所在資料夾/'

PayPal checkout 金流串接實現自動履行訂單

最近幫專題增加金流功能,使用了PayPal提供的方案,順便做點心得紀錄 PayPal提供了多種API供選擇,可惜文件寫得有點分散且不夠詳盡,讓第一次接觸金流API這部分的我吃了不少苦頭 欲實現目的 使用者在網站付款後自動實現充值 環境與方案 前端付款方案:PayPal Checkout ( https://developer.paypal.com/docs/checkout/ ) 收款通知方案:Instant Payment Notificatio(IPN)( https://developer.paypal.com/docs/classic/products/instant-payment-notification/ ) 前端:ReactJS 後端:Laravel 這邊不得不提一下PayPal提供了多種的前端付款方案除了本文使用的PayPal Checkout還有 Html form方案 目的都是幫助開法者快速建立付款按鈕,似乎還有單純使用API建立帳單的方式,看文件的時候沒注意真的會很容易被搞混... 在收到款項通知部分本以為可以有API去打,查閱開發文件後似乎是沒有這種選項,必須自己在伺服器建立IPN聆聽器來接收付款通知 流程邏輯 使用者發起付款(包含一組識別用invoice)->在自己伺服器建立紀錄 ->在paypal建立帳單->引導至paypal付款->paypal將付款結果通知IPN ->將付款通知中的invoice與自己記錄的invoce進行match並且更新資料庫 ->完成 建立付款按鈕 開始首要建立付款按鈕,在React部分我參考了 這篇 ,若非使用React的則可參考 官方文件 ,整體來說差異不大 而checkout button所需的token則可以在 https://developer.paypal.com/ 找到 ※DASHBOARD>My Apps & Credentials>REST API apps>Create App或是點擊已存在App 在React建立好的checkout button大概長這樣 - - 元件使用。此例中使用亂數字串當作發票號碼 - - 訂單追蹤 接著看回React che...

[electron x react] react 呼叫 electron api 與 node api 的方法

呼叫 electron api 參考: https://medium.freecodecamp.org/building-an-electron-application-with-create-react-app-97945861647c - 呼叫 node api ※以"os"舉例

AAC文章小工具測試

自製文章評價小工具 https://github.com/p208p2002/article-approval-checker

資料庫關聯查詢練習筆記

圖片
1. 列出所有員工檔 和 銷售業績檔的所有紀錄 select * from employ; select * from salesrecord; 2. 列出每一位員工的 代號 姓名 銷售業績總額 select employ.emp_id, employ.empname, sum(salesrecord.amount) as sales_total from employ left join salesrecord on employ.emp_id = salesrecord.emp_id group by employ.emp_id, employ.empname 3. 列出每一位員工的 代號 姓名 每月最高的銷售業績 select employ.emp_id, employ.empname, ISNULL((MAX(salesrecord.amount)),0) as sales_total, DATEPART(MONTH,salesrecord.date) as month from employ left join salesrecord on employ.emp_id = salesrecord.emp_id group by employ.emp_id, employ.empname, DATEPART(MONTH,salesrecord.date) order by employ.emp_id; 4. 列出銷售檔的每人 平均業績 最高業績 最低業績 select employ.emp_id, ISNULL(avg(amount),0) as avg, ISNULL(max(amount),0) as max, ISNULL(min(amount),0) as min from salesrecord right join employ on salesrecord.emp_id = employ.emp_id group by employ.emp_id; 5. 列出五月份每位員工的 代號 銷售比數 銷售總金額,沒有業績的員工要顯示 select employ.emp_id, COUNT(DATEPART(MONTH,salesrecord.date)) a...