什么是 npm 包 charge？
charge 是一个用于快速创建支付表单的 npm 包，可以方便地集成到你的前端项目中。
使用前的准备
首先，你需要拥有一个 Stripe 帐号，因为 charge 使用 Stripe 作为支付处理的平台。
在 Stripe 控制台中，你需要创建一个新的 API key，用于与 charge 进行通信。
安装 charge
如果你已经在项目中使用 npm，可以直接通过以下命令安装 charge：
npm install charge
如果你使用的是 yarn，则使用以下命令：
yarn add charge
使用 charge
在你的项目代码中，你需要引用 charge：
const Charge = require('charge');然后，你需要创建一个新的 Charge 实例，并提供你的 Stripe API key：
const charge = new Charge({
apiKey: 'your_stripe_api_key_here'
});创建一个新的支付表单
现在，你可以开始创建一个新的支付表单，并将其添加到你的 HTML 中：
charge.createForm({
amount: 999,
currency: 'usd'
}).mount('#payment-form');上述代码将创建一个支付表单，其中金额为 9.99 美元，并将其添加到 ID 为 “payment-form” 的元素中。你可以根据实际需求调整金额和货币类型。
处理付款
当用户提交表单并完成付款后，你需要使用 Stripe API 确认付款的状态。
-- -------------------- ---- -------
-------------------
------- ----
--------- ------
-------------- ----- ---------- ------------ -- -
--- -
----- --- - ----- ------------------------------------------ -
------- -------
-------- -
--------------- ------------------
--
----- ----------------
------- ----
--------- ------
-------- --------------
--
---
-- -------- -
-- ----
- ---- -
-- ----
-
- ----- ----- -
-- ----
-
-
--------------------------上述代码将在用户提交表单后，调用 submitHandler 函数，并将 Stripe 令牌作为参数提供。在 submitHandler 函数中，你可以使用 Stripe API 发送请求以确认付款状态。
结论
charge 是一个非常方便的 npm 包，使你能够快速创建并集成支付表单，并使用 Stripe API 处理付款状态。它非常容易使用，建议你在你的项目中尝试使用它。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/76130