前言
今天，我们将要介绍的是一款名为 spree-ember-paypal-express 的 npm 包。它是一个用于实现资金支付的前端类库，基于 Spree、Ember 和 PayPal Express 技术实现。该类库依赖于 PayPal REST API。
本文将会详细说明 spree-ember-paypal-express 的使用方法，以及如何与 Ember 框架进行整合。同时，本文也提供了示例代码，方便读者更好地理解该类库。
安装
使用 npm 可以轻松地安装 spree-ember-paypal-express。在命令行中，使用以下命令即可安装：
npm install spree-ember-paypal-express
使用
1. 设置环境变量
在使用 spree-ember-paypal-express 前，需要在环境变量中设置 PAYPAL_CLIENT_ID 和 PAYPAL_CLIENT_SECRET。这可以通过在命令行中输入以下命令来实现：
export PAYPAL_CLIENT_ID=YOUR_PAYPAL_CLIENT_ID export PAYPAL_CLIENT_SECRET=YOUR_PAYPAL_CLIENT_SECRET
2. 设置 config/environment.js
要开始使用该类库，需要更新 config/environment.js。具体来说，需要做出以下更改：
ENV['spree-ember-paypal-express'] = {
config: {
environment: 'sandbox', //可以为 sandbox 或者 production
currencies: ['USD', 'AUD', 'EUR'] //设置支持的货币类型
}
};3. 使用类库
有了上述配置之后，我们可以使用 spree-ember-paypal-express 了。以下是一个使用示例：
-- -------------------- ---- ------- ----- ------ - ---------------------------------------------- ----- ---- - - ----- -------- ------ ------------ ----- -- -- ------- -------------- --------- -- ------ ---- --------- ----- -- ----- --------- - ------ -- - ------------------------ --------- --------------- ------ -- ----- --------- - ------- -- - -------------------------- --------- ------- -- -------------------------- ---------- -----------
在这个例子中，我们首先获取 paypal 的服务实例。接下来，我们创建了一个代表商品的 item 对象。接着，我们定义了两个回调函数，分别在付款成功和失败的情况下被执行。最后，我们调用了 createPayment 方法，该方法接受上述 item 对象以及回调函数作为参数。这将打开 PayPal 登录页面，以便用户可以完成交易。
4. 支持更多的交易选项
除了支持创建一个简单的付款请求之外，spree-ember-paypal-express 还支持更多的交易选项，包括：
- 添加购物车项
- 设置购物车货币
- 指定运费和税费
- 指定退款和取消回调函数
以下是一个支持购物车项的示例代码：
-- -------------------- ---- -------
----- ---- - -
-
----- ----- ---
------------ ----- -- -- ------- -- ---- ----
--------- --
------ ---
--------- -----
--
-
----- ----- ---
------------ ----- -- -- ------- -- ---- ----
--------- --
------ ---
--------- -----
-
--
----- --------- - ------ -- -
------------------------ --------- --------------- ------
--
----- --------- - ------- -- -
-------------------------- --------- -------
--
---------------------------------- ---------- -----------5. 取消支付交易
当用户取消支付时，可以调用以下代码来取消交易并向用户显示适当的消息：
const onCancel = () => {
console.log('Transaction cancelled by user.');
};
paypal.cancelPayment(onCancel);结论
在本文中，我们详细介绍了 spree-ember-paypal-express 类库的使用方法，包括如何安装、设置和使用它。我们提供了示例代码来帮助读者更好地理解其用法。希望本文对读者有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600670a68ccae46eb111f239