iT邦幫忙

0

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

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

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

看更多先前的討論...收起先前的討論...
就我的認知~是付款系統會去通知指定網址回應付款狀況(例如去ATM付款或超商付款完成)~
原來的QR Code的WEB畫面是不斷掃描自己的資料庫查詢~
若有付款成功的紀錄在資料庫,就會將原來的QR Code畫面導向~
spderek iT邦新手 3 級 ‧ 2020-10-22 14:19:48 檢舉
是的,但是不斷掃描自己的資料庫查詢,成本似乎過重,我覺得更接近的方式是前端再等候通知。
你是說由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
恩~看會寫的人吧~
kikulu iT邦研究生 4 級 ‧ 2020-10-23 17:42:28 檢舉
即時通訊 通常用WebSocket 不過我不覺得這種單次回應會用到websocket,用秒polling對比長連接才是成本低的方式,後端可以用memoryDB或是Redis去處理就好了
0

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

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

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

1
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/

0
Han
iT邦新手 4 級 ‧ 2020-10-22 18:35:08

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

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

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

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

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

統整:

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

我要發表回答

立即登入回答