APP結帳後，網頁會自動導頁

qr code pay websocket signalr redirect

spderek 2020-10-22 13:51:13 ‧ 2175 瀏覽

分享至

　　最近在網路購物發現結帳越來越方便，點選XXPay，
WEB畫面就會產生QR Code，接著手機打開APP掃描付款，
APP付款完成後，很好奇，停在QR Code的WEB畫面卻可以馬上知道付款完成，導回購物網站，我覺得是前端在等候通知後切換網頁，因為非常即時，請問各位大神這是用何種技術做到的，謝謝。

　　就我所知可以通知前端的技術上，使用WebSocket可以做到，爬文上看到有人提到SignalR可以實現。

看更多先前的討論...收起先前的討論...

純真的人 iT邦大師 1 級 ‧ 2020-10-22 14:14:00 檢舉

就我的認知~是付款系統會去通知指定網址回應付款狀況(例如去ATM付款或超商付款完成)~
原來的QR Code的WEB畫面是不斷掃描自己的資料庫查詢~
若有付款成功的紀錄在資料庫，就會將原來的QR Code畫面導向~

spderek iT邦新手 3 級 ‧ 2020-10-22 14:19:48 檢舉

是的，但是不斷掃描自己的資料庫查詢，成本似乎過重，我覺得更接近的方式是前端再等候通知。

純真的人 iT邦大師 1 級 ‧ 2020-10-22 15:19:52 檢舉

你是說由Server端~主動來通知客戶端嗎@@..
這個應用方式倒是沒看過~

spderek iT邦新手 3 級 ‧ 2020-10-22 15:27:56 檢舉

https://medium.com/enjoy-life-enjoy-coding/javascript-websocket-%E8%AE%93%E5%89%8D%E5%BE%8C%E7%AB%AF%E6%B2%92%E6%9C%89%E8%B7%9D%E9%9B%A2-34536c333e1b

純真的人 iT邦大師 1 級 ‧ 2020-10-22 15:39:01 檢舉

恩~看會寫的人吧~

kikulu iT邦研究生 4 級 ‧ 2020-10-23 17:42:28 檢舉

即時通訊通常用WebSocket 不過我不覺得這種單次回應會用到websocket,用秒polling對比長連接才是成本低的方式,後端可以用memoryDB或是Redis去處理就好了

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

3 個回答

Han

iT邦研究生 1 級 ‧ 2020-10-22 18:35:08

最佳解答

就我們公司串的幾個pay 觀察開發者工具 network 的狀況
基本上都是用 polling 的方式進行結果詢問

當然這個 polling 問到 server端 是不會直接對db做資料存取

有可能你問到的資料是來自 memory-cache

server端 只要收到使用者付款針對 memory-cache 做成功覆寫
即可馬上問到最新資料

當然這些都是猜測而已，server端 可以實作的方法很多，純粹提供自己的一個想法

統整：

client >(polling)> memory // 使用者前端畫面
client付款 > server收到 >(寫入)> memory // 付款動作

回應
分享
檢舉

登入發表回應

IT 癡

iT邦高手 1 級 ‧ 2020-10-22 14:11:07

我不是程式人，但就我的理解，
應該是後端的帳務系統接收到付款訊息後，通知網頁轉到下一步去，
而不是 QR-Code 本身的換頁作用

回應 1
分享
檢舉

spderek iT邦新手 3 級 ‧ 2020-10-22 14:20:36 檢舉

沒錯，但我很好奇通知網頁轉到下一步的技術是何種。

登入發表回應

Homura

iT邦高手 1 級 ‧ 2020-10-22 14:22:08

是的
你理解的沒錯
QR Code網頁並不會知道付款完成
是在網頁使用Real-time的作法，回去跟Server確認付款的狀態
WebSocket只是其中一種
SinalR則是微軟幫忙整合多種Real-time的框架
這邊有整理幾種方法可以參考看看
https://www.freecodecamp.org/news/5-ways-to-build-real-time-apps-with-javascript-5f4d8fe259f7/