简介
Stripe是一家面向开发者的在线支付平台，此npm包提供了angular框架的Stripe集成，使得开发者能够在angular应用中快速实现Stripe支付的功能。
安装
使用npm安装此包：
npm install @adeteejay/angular-stripe --save
导入模块
在使用前先导入模块：
-- -------------------- ---- -------
------ - -------- - ---- ----------------
------ - ------------- - ---- ----------------------------
------ - ------------ - ---- ------------------
-- ----------
------ - ------------ - ---- ----------------------------
-----------
------------- -
------------
--
-------- -
--------------
-- ----------
------------------------------------------------
--
---------- ---
---------- --------------
--
------ ----- --------- - -配置文件
在安装Stripe后，需要配置Stripe的公钥：
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ------------- - ---- ----------------------------
------------
--------- -----------
--------- -
------- ------------------ ------------
-
--
------ ----- ------------ -
-- ---------------
------------------- -------------- -------------- --
----- -
------------------
-----------------------------------------
-------- -- -------------------------
-
-创建token
创建Stripe卡片支付需要客户端先将敏感数据（如信用卡号）转换成token，然后将token发送到服务器进行支付。使用此包可轻松实现token的创建。
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ------------------------- -------------- ----------- - ---- ----------------------------
------------
--------- -----------
--------- -
---- ------------
------- ------------------ ------------
-
--
------ ----- ------------ -
-- ---------------
------------------- -------------- -------------- --
----- -
------------------
-- --------
------------------------------- ---
------------------- ------------ -- -
-- -------------- -
------------------------- -- --------------
- ---- -- -------------- -
------------------ -- ----------------------
-
---
-
-- ----------
------------ ------------------------ - -
------ -
----- -
---------------- ----------
------ -------
--------- ------
--
-------- -
------ -------
---------- ---------
-
-
--
-处理支付结果
支付操作完成后，Stripe服务器将返回一个结果。如果收到的结果中包含了paymentIntent，表示已收到付款，并且我们需要使用paymentIntent的数据来处理该订单。
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ------ - ---- --------------------
------ - ------------- - ---- ----------------------------
------------
--------- -----------
--------- -
---- ------------
------- ------------------ ------------
-
--
------ ----- ------------ -
-- ---------------
------------------- -------------- -------------- --
----- -
------------------
-- --------
------------------------------- ---
------------------- ------------ -- -
-- -------------- -
------------------
-- ---------------
---------------------- ------- ----- --------- ----- --
---------------- -- -
-- ----
----- ------- ------ - ----------------------------------
------
------------------------------------- -
--------------- -
----- ------------------
---------------- - ----- --- -
-
--
-------------- -- -
-- -------------- -
------------------ -- ----------------------
- ---- -
------------------ -- --------
-
---
---
- ---- -- -------------- -
------------------ -- ----------------------
-
---
-
-示例
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - ------------------------- -------------- ----------- - ---- ----------------------------
------ - ------ - ---- --------------------
------------
--------- -----------
--------- -
---- ------------
------- ------------------ ------------
-
--
------ ----- ------------ -
-- ---------------
------------------- -------------- -------------- --
----- -
------------------
-- --------
------------------------------- ---
------------------- ------------ -- -
-- -------------- -
------------------
-- ---------------
---------------------- ------- ----- --------- ----- --
---------------- -- -
-- ----
----- ------- ------ - ----------------------------------
------
------------------------------------- -
--------------- -
----- ------------------
---------------- - ----- --- -
-
--
-------------- -- -
-- -------------- -
------------------ -- ----------------------
- ---- -
------------------ -- --------
-
---
---
- ---- -- -------------- -
------------------ -- ----------------------
-
---
-
-- ----------
------------ ------------------------ - -
------ -
----- -
---------------- ----------
------ -------
--------- ------
--
-------- -
------ -------
---------- ---------
-
-
--
-总结
此npm包提供了angular框架的Stripe集成，使得开发者能够在angular应用中快速实现Stripe支付的功能。在使用中需要注意导入模块、配置公钥、设置Card元素选项、创建Token以及处理支付结果等步骤。需按照以上步骤操作，方可实现Stripe支付功能。
注：代码示例中的 pk_test_xxxxxxxxxxxxxxxx 为个人公钥，使用时请替换成自己的公钥。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600668eed9381d61a3540cc2