Apple Pay On The Web
apple pay 簡介
apple pay是一種移動支付技術，提供給用戶一種即方便又安全的支付信息的方式。通過NFC近場通信技術，給用戶帶來支付便捷。
早在iOS8.3的時候，apple pay 已經被應用于app中。大大提高了用戶支付時間。
在app 內進行支付，變得既簡單，又安全。現在，你只要輕輕一觸touch id，即可用你的信用卡或借記卡進行支付。
Apple Pay 簡便易用，讓你能使用儲存在常用設備中的各種卡進行支付。它在使用過程中不會泄露你卡片的詳細信息，因為這些資料根本不會儲存在你的設備上，因此在 iPhone、Apple Watch 或 iPad 上用 Apple Pay 進行支付，非常安全、私密。
apple pay Within apps
在iOS9正式推出時，apple pay 已經在國外地區(qū)占據了%1的份額。2016年年初，apple pay 正式登陸中國，同時推進了apple pay 相關應用。這些app都帶來了便捷的支付方式，給人一種更好的用戶體驗。
apple pay outside apps
但是在網頁端，電子商務還是進行非常繁瑣的支付方式。由于不是基于app 的，apple pay暫時無法觸及。面對網頁支付的不方便等問題，apple pay 順應天命，進一步為網頁服務，推出基于網頁的apple pay。
apple pay on anywhere
現在apple pay 已經可以覆蓋到每個地方，不僅僅是app，包括watchKit，Extensions，Safari 等
apple pay on the web
現在可以通過Safari 或者 SafariViewController 與 iphone 或者 ipad 進行網頁支付，十分便捷，安全。
apple pay on macOS
在macOS 中，Safari 可以直接支持網頁版的apple pay 服務。 整個支付過程需要你在網頁中點擊apple pay 按鈕跳轉apple pay 授權支付頁面，之后你的iphone或者apple watch會出現授權頁面，進行授權交易后，即完成了支付。
這里可以看出 apple pay的支付流程對用戶來說十分簡單，讓我們看下完成這部分支付過程，開發(fā)者需要做哪些？
- 需要apple pay 服務器提供獨有的token
- 將token 傳給支付服務器
- token中包含著你的merchant identifier 和 merchant certificate 加密信息；merchant identifier 是用來標示你的個人信息，merchant certificate 用來加密你的支付信息
apple pay within apps
在app中，apple pay 實現的原理如下
- 首先，由app 發(fā)起 display payment request請求支付授權 ，系統(tǒng)進行授權，將授權信息傳給apple pay 服務器
- apple pay 服務器解析支付信息 ，返回對應的支付信息，app 將支付信息進行展示，
- 用戶進行支付確定或者取消，即完成了一次支付
而，在網頁中，支付的流程大致是一樣的。
主要區(qū)別在于在于支付時，需要通過iphone或者apple watch 進行確認。
備注： 需要開發(fā)者賬號；網站需要支持https服務需要使用apple pay 樣式
如何在自己的網站中支持apple pay
- 首先，需要你又開發(fā)者賬號
- 去開發(fā)者中心注冊您的賬號 ，你會得到marchant identifier 和 certificate
- 然后去注冊您的域名，和你的域名鏈接
- 最終你會得到apple pay 支付的證書
要確保我們的支付是安全，我們就需要進行相關驗證
- 在ios 設備中，我們app 本身會帶有唯一標示的注冊證書，來保證唯一性
- 在 網頁端，我們也需要一種唯一的標示，這就是merchant validation
merchant validation 請求過程
- 通過Safari獲取apple pay session generation URL
- URL 傳給你的網頁服務器，進行請求merchant session
- 獲取證書
作用：1.建立安全連接；2.響應每個web端apple pay 請求；3.服務器需要從apple service 請求 session
接著就在在網頁中集成支付
此時我們需要用到JavaScript API,負責網頁端請求apple pay 的api
- 首先創(chuàng)建一個新的 ApplePayMent javascript object
- 一個 app version number（1）
- 一個payment request
- bengin（）
相關js代碼 demo
最終實現的結果就是，在網頁中點擊apple pay 按鈕，會彈出apple pay 支付授權頁，在ios設備上進行授權支付，即可完成支付。
