詳解Vue項目接入Paypal實現(xiàn)-創(chuàng)新互聯(lián)

小編這次要給大家分享的是詳解Vue項目接入Paypal實現(xiàn)，文章內容豐富，感興趣的小伙伴可以來了解一下，希望大家閱讀完這篇文章之后能夠有所收獲。

創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務，包含不限于成都網(wǎng)站設計、網(wǎng)站制作、興海網(wǎng)絡推廣、微信平臺小程序開發(fā)、興海網(wǎng)絡營銷、興海企業(yè)策劃、興海品牌公關、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務，您的肯定，是我們大的嘉獎；創(chuàng)新互聯(lián)為所有大學生創(chuàng)業(yè)者提供興海建站搭建服務，24小時服務熱線：18980820575，官方網(wǎng)址：muchs.cn

一、支付流程

在paypal的官網(wǎng)上給出了這個按鈕內部封裝的流程，整個流程只需要用戶點擊按鈕，觸發(fā)創(chuàng)建訂單事件，然后我們再監(jiān)聽用戶支付成功的回調，拿到訂單id傳給后端，讓后端再進行一次校驗。

二、實現(xiàn)方案

接入方式	優(yōu)點	缺點	相關資料
在html中插入paypal的script腳本	實現(xiàn)方式比較簡單	1、安全性問題：公司的client_id會暴露在代碼中      2、引用的按鈕樣式比較難自定義	官方文檔：https://developer.paypal.com/docs/checkout/integrate/#      更詳細的說明：https://www.jb51.net/article/188049.htm
使用官方提供的npm包（有好幾個）	1、可以自定義，不需要使用官方給定的button，可以在自己的按鈕上綁定創(chuàng)建事件      2、不會把client_id暴露出來	1、需要仔細閱讀文檔，開發(fā)難度會大一點      2、有的需要配合node一起開發(fā)	github：https://github.com/paypal/paypal-checkout-components      node-sdk：https://github.com/paypal/Pay...
使用別人封裝好的npm包	1、使用起來方便      2、文檔比較清晰	1、可能存在沒人維護的風險      2、可自定義的部分不多      3、使用的是Paypalv1版接口，官網(wǎng)上用的是v2接口，但是應該不影響	github：https://github.com/khoanguyen96/vue-paypal-checkout

這是我目前總結的幾種實現(xiàn)方案，如果有更好的方案，歡迎在評論區(qū)告訴我～

三、項目中實現(xiàn)

由于我是在vue項目實現(xiàn)，經(jīng)過考慮，別人封裝的vue-paypal-checkout庫可以滿足開發(fā)需求，而且使用起來比較簡單，所以暫時選擇采取這個方案，接下來我們看看代碼實現(xiàn)吧！

npm install vue-paypal-checkout

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

網(wǎng)頁名稱：詳解Vue項目接入Paypal實現(xiàn)-創(chuàng)新互聯(lián)
鏈接地址：http://muchs.cn/article48/deidhp.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、網(wǎng)頁設計公司、軟件開發(fā)、虛擬主機、網(wǎng)站營銷、品牌網(wǎng)站建設

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)