1.鏀粯娴佺▼Paypal瀹樼綉缁欏嚭浜嗚鎸夐挳鐨勫唴閮ㄥ皝瑁呮祦绋嬨€傛暣涓繃绋嬪彧闇€瑕佺敤鎴风偣鍑绘寜閽Е鍙戝垱寤鸿鍗曚簨浠讹紝鐒跺悗鎴戜滑浼氱洃鍚敤鎴锋敮浠樻垚鍔熺殑鍥炶皟锛岃幏鍙栬鍗昳d浼犵粰鍚庡彴锛岃鍚庡彴鍐嶅仛涓€娆℃牎楠屻€?銆佸疄鐜版柟妗堢殑鎺ュ叆鏂瑰紡浼樼己鐐广€傜浉鍏宠祫鏂欐彃鍏ュ埌html涓殑paypal鑴氭湰涓€傚疄鐜版柟娉曟瘮杈冪畝鍗曘€?銆佸畨鍏ㄩ棶棰橈細鍏徃鐨刢lient_id浼氬湪浠ｇ爜涓毚闇层€?.寮曠敤鐨勬寜閽牱寮忛毦浠ヨ嚜瀹氫箟銆傚畼鏂规枃妗ｏ細https://developer.paypal.com/docs/checkout/integrate/#鏇磋缁嗙殑浣跨敤璇存槑锛歨ttps://segmentfault.com/a/1190000021366504浣跨敤瀹樻柟鐨刵pm鍖咃紙鏈夊ソ鍑犱釜锛?.鍙互鑷畾涔?涓嶉渶瑕佺敤瀹樻柟鐨勬寜閽?鍙互鍦ㄨ嚜宸辩殑鎸夐挳涓婄粦瀹氬垱寤轰簨浠?,client_id涓嶄細鏆撮湶1,闇€瑕佷粩缁嗙湅鏂囨。,寮€鍙戦毦搴︿細澶т竴鐐?,鏈変簺闇€瑕侀厤鍚坣ode寮€鍙慻ithub:https://github.com/paypal/paypal-checkout-componentsnode-sdk:https://github.com/paypal/Pay...浣跨敤鍒汉鎵撳寘濂界殑npm鍖?.鏄撲簬浣跨敤2.娓呮櫚鐨勬枃妗?銆傚彲鑳藉瓨鍦ㄦ棤浜虹淮鎶ょ殑椋庨櫓銆?.鍙畾鍒剁殑閮ㄥ垎涓嶅銆?.浣跨敤鐨勬槸Paypalv1鎺ュ彛锛屽畼缃戜娇鐢ㄧ殑鏄痸2鎺ュ彛锛屼笉杩囧簲璇ヤ笉褰卞搷github:https://github.com/khoanguyen96/vue-paypal-checkout杩欐槸鎴戞€荤粨鐨勫嚑绉嶅疄鐜版柟妗坰o杩滅殑銆傚鏋滄湁鏇村ソ鐨勬柟妗堬紝璇峰湪璇勮鍖哄憡璇夋垜~3.椤圭洰涓殑瀹炵幇鐢变簬鎴戞槸鍦╲ue椤圭洰涓疄鐜扮殑锛岀粡杩囪€冭檻锛屽埆浜哄皝瑁呯殑vue-paypal-checkout搴撳彲浠ユ弧瓒冲紑鍙戦渶姹傦紝鑰屼笖浣跨敤璧锋潵涔熸瘮杈冪畝鍗曪紝鎵€浠ユ垜浠殏鏃堕€夋嫨閲囩敤杩欑鏂规锛屼竴璧锋潵鐪嬬湅浠ｇ爜瀹炵幇鍚э紒npminstallvue-paypal-checkoutimportPayPalfrom'vue-paypal-checkout'exportdefault{data(){return{credentials:{sandbox:'濉啓娌欑鐜client_id',production:'濉啓绾夸笂鐜client_id'},buttonStyle:{label:'pay',size:'small',shape:'rect',color:'blue'}}},components:{PayPal},methods:{paymentAuthorized(data){//鎺堟潈瀹屾垚鍥炶皟锛屽彲浠ュ緱鍒拌鍗昳dconsole.log(data);},paymentCompleted(data){//鐢ㄦ埛鏀粯瀹屾垚鍥炶皟锛屽彲鑾峰彇璁㈠崟idconsole.log(data);},paymentCancelled(data){//鐢ㄦ埛鍙栨秷浜ゆ槗鐨勫洖璋僣onsole.log(data);}}}
