在Angular Web Application中通过所有国家保留付款信息

Question

我正在构建一个处理付款的Angular Web应用程序。 （Angular JS 1.x）

我已经建立了后端API来处理最终确认状态后的付款。

申请中共有3个国家。

1. State1：​​用户选择到期发票。
2. State2：用户提供付款信息（信用卡信息）
3. State3：摘要和确认。

用户可以随时返回或刷新页面。

我将选定的发票存储在本地存储中，以便在页面刷新或状态更改时保持选定状态。

我希望用户在state2上输入付款（信用卡）信息安全。

所以即使用户刷新页面，它仍然存在。

我在这里看到两种安全的方式：

1. 存储付款（信用卡）服务/工厂对象/变量中的信息：但刷新页面时不会保留信息。
2. 在Cookie中存储付款（信用卡）信息：但我不认为这是安全的方式。

通常我更喜欢在会话中存储这种信息，但在角度前端我无法这样做。

Angular Web应用程序中是否有更好或更正确的方法可以安全地保留付款（信用卡）信息。

Answer 1

如果数据需要通过浏览器刷新保留，那么您有两种可能性。您可以将其发送到服务器并将其存储在那里或将其保存在浏览器本地存储中。