详解Vue项目接入Paypal实现-创新互联
小编这次要给大家分享的是详解Vue项目接入Paypal实现，文章内容丰富，感兴趣的小伙伴可以来了解一下，希望大家阅读完这篇文章之后能够有所收获。
一、支付流程
在paypal的官网上给出了这个按钮内部封装的流程，整个流程只需要用户点击按钮，触发创建订单事件，然后我们再监听用户支付成功的回调，拿到订单id传给后端，让后端再进行一次校验。
二、实现方案
| 接入方式 | 优点 | 缺点 | 相关资料 |
|---|---|---|---|
| 在html中插入paypal的script脚本 | 实现方式比较简单 | 1、安全性问题：公司的client_id会暴露在代码中 2、引用的按钮样式比较难自定义 | 官方文档：https://developer.paypal.com/docs/checkout/integrate/# 更详细的说明：https://www.jb51.net/article/188049.htm |
| 使用官方提供的npm包（有好几个） | 1、可以自定义，不需要使用官方给定的button，可以在自己的按钮上绑定创建事件 2、不会把client_id暴露出来 | 1、需要仔细阅读文档，开发难度会大一点 2、有的需要配合node一起开发 | github：https://github.com/paypal/paypal-checkout-components node-sdk：https://github.com/paypal/Pay... |
| 使用别人封装好的npm包 | 1、使用起来方便 2、文档比较清晰 | 1、可能存在没人维护的风险 2、可自定义的部分不多 3、使用的是Paypalv1版接口，官网上用的是v2接口，但是应该不影响 | github：https://github.com/khoanguyen96/vue-paypal-checkout |
这是我目前总结的几种实现方案，如果有更好的方案，欢迎在评论区告诉我～
三、项目中实现
由于我是在vue项目实现，经过考虑，别人封装的vue-paypal-checkout库可以满足开发需求，而且使用起来比较简单，所以暂时选择采取这个方案，接下来我们看看代码实现吧！
npm install vue-paypal-checkout
另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。
网站题目：详解Vue项目接入Paypal实现-创新互联
地址分享：http://shouzuofang.com/article/deidhp.html