html5 - 自己的H5页面如何集成支付宝支付

Answer 1

謝邀。

比較遺憾，我沒有做過支付寶的整合… 倒是做過paypal，與一些國外信用卡支付的整合。
具體怎麼集成，看看文件與demo就ok了。

前端頁面還是伺服器端整合？

這個就看你支付業務的複雜度了，如果只是一個簡單的掃碼支付什麼的，直接頁面集成就好。具體還是得看支付寶官方文件的建議。當你支付業務相當複雜(例如循環付款,不知道支付寶有沒有)或覺得頁面不安全，放在伺服器也可以的。

注意下面：

1. 支付後的消息回調(paypal 叫做IPN),這塊的文檔一定要看仔細看清楚，理解官方文檔中說的每一種狀態，成功、失敗、處理中等等(可能支付寶中沒有這些…我不太清楚)。 每一種狀態的處理都要考慮全面。

2. 注意訊息回呼的延遲，可能用戶付錢了，但是支付伺服器可能會有處理延遲，這種情況要考慮好。

3. 對參數的校驗及其嚴格，關於價格最好是在伺服器端計算，然後傳給支付寶，不要相信客戶端給的資料。

4. 支付介面引導要友好，例如用戶在付款成功後，但伺服器出錯了，沒有做出對應處理，要給用戶一個聯繫你們的入口，免得用戶懵逼……

以上是我做一些支付整合後的感觸…
千萬不要坑用戶。 。 。
關於錢的程式碼一定要全力對待，真的不能馬虎的…

Answer 2

之前做過支付寶前端支付，需要後端回傳一串代碼。前端只要觸發這段程式碼就能支付，至於需要哪些參數給後端，看你們業務了。詳情請見支付寶文件

Answer 3

關於後端怎麼配置我不清楚，支付寶官方文件應該會提到，前端還是要寫點程式碼的：
主要就是一個回呼函數

               res => {     const p = document.createElement('p');
                    p.innerHTML = res.html;
                    document.body.appendChild(p);
                    document.forms.alipaysubmit.submit(); }