支付是电商、票务、旅游等行业重要的一环。谈及支付，Paypal 是众所周知的，拥有丰富的支付接口、支持多种货币等特性。Paypal 提供了一个 npm 包 —— paypal-sdk-logos ，可以从中获取 Paypal 相关的图标，供界面使用。
安装
--- ------- ---------------- ------
使用
首先需要申请一个 Paypal 的 app_key 并且认证通过。可以在 Paypal 开发者官网进行申请和管理。
申请通过后，创建一个文件来引用这个包。
------ ------ ---- ------------------- ----- -------- - -------------- ----------------------
输出结果：
--------------------------------------------------------------------------
这个链接是 paypal 的官方 logo 图片地址，现在我们可以将它嵌入到我们的界面中了。
目录结构
这个包中定义了两个函数：logo 和 card 。其中 logo 是一个返回图标 url 的函数， card 是一个返回卡片 url 的函数。
------ ------- ----- ----- ----------------- -------------- - - ------- ----------------- --------------- ------- ----------------- --------------- ------ ----------------- --------------- ------ ----------------- --------------- ----- ----------------- --------------- ----------- ----------------- --------------- ----------------- ----------------- --------------- ----------------- ----------------- --------------- ---------------- ----------------- --------------- ------------------ ----------------- --------------- ----------- ----------------- --------------- ------------- ----------------- --------------- --------------- ----------------- --------------- ------------------ ----------------- --------------- ----------- ----------------- --------------- ------------- ----------------- --------------- ------------ ----------------- --------------- --------------- ----------------- --------------- ---------------- ----------------- --------------- ---------- ----------------- --------------- ---------------------- ----------------- --------------- ----------------------- ----------------- --------------- ------------ ----------------- --------------- -- ------ ------- ----- ----- ----------------- ---------------
其中 exports 导出的是一个 createFactory 函数，它接受参数并返回了一个函数，用来获取对应的 url 地址。
demo
我们来写一个 demo，更深入地了解这个包的用法。
------ ------ ----- ---- ------------------- ----- -------- - -------- ------------- ------------------- ----------- ---------- -------------- ----- -------- - --- --- ---- ---- -- --------- - --------------------------------- - ----------------------
输出结果：
- ---------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------- ----------------------------------------------------------------------------------- ------------------------------------------------------------------------------------- -
这个 demo 利用了 card() 函数中的不同参数，获取了不同银行卡的 logo 地址，并将这些地址放在了一个数组中进行输出。
总结
npm 包 paypal-sdk-logos 是一个使用方便，但功能单一的包。关于 Paypal 以及其他支付相关知识，我们需要深入了解。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066b5851ab1864dac66e0f