Javascript 基于条件在PWA中显示地址栏

Javascript 基于条件在PWA中显示地址栏,javascript,angular,paypal,progressive-web-apps,Javascript,Angular,Paypal,Progressive Web Apps,我正在通过PWA应用程序中的智能按钮实现PayPal支付系统。我面临的问题是,默认情况下,在PWA中,地址栏是隐藏的,因此,当PayPal的付款对话框打开时,它似乎是应用程序本身的对话框。这令人担忧,因为它不能向用户保证他们正在使用PayPal的系统,并且他们的帐户是安全的 如果我通过浏览器做同样的事情,那么付款窗口将在一个单独的选项卡中打开,并显示URL 我怎样才能在应用程序上复制类似的行为,或者在打开付款对话框时有没有办法显示地址栏 我无法回答在PWA中显示地址栏的问题,但如果目标是让智能按

我正在通过PWA应用程序中的智能按钮实现PayPal支付系统。我面临的问题是,默认情况下,在PWA中,地址栏是隐藏的,因此,当PayPal的付款对话框打开时,它似乎是应用程序本身的对话框。这令人担忧,因为它不能向用户保证他们正在使用PayPal的系统,并且他们的帐户是安全的

如果我通过浏览器做同样的事情,那么付款窗口将在一个单独的选项卡中打开,并显示URL

我怎样才能在应用程序上复制类似的行为,或者在打开付款对话框时有没有办法显示地址栏


我无法回答在PWA中显示地址栏的问题,但如果目标是让智能按钮打开新选项卡或重定向,那么解决方案是:不要使用智能按钮

相反,在服务器上集成两条路由,一条用于“设置事务”,另一条用于“捕获事务”,如下所示:

第一个调用将返回一个批准url,您可以直接重定向到该url(或打开完整的浏览器),而不用使用智能按钮JS

在PayPal批准您打开的新窗口/选项卡/浏览器后,返回到您在设置时指定的返回url,可以是deeplink

然后,退货应显示订单审核/确认页面(除非您希望跳过此页面,否则您应使用
user\u操作指定一个对象:'PAY\u NOW'
,以便用户单击正确的措辞了解您将要做的事情。)


然后在返回时——使用提供的查询字符串信息——运行第二个“捕获事务”调用。如果响应恰好是INSTRUMENT_谢绝的,只需重新打开原始的approval_url,因为这种情况是可以恢复的(尽管演示和处理资金失败指南是针对智能按钮的,但概念是相同的)。如果响应成功或出现任何其他错误,请相应地继续。

我无法回答在PWA中显示地址栏的问题,但如果目标是使智能按钮打开新选项卡或重定向,则解决方案是:不要使用智能按钮

相反,在服务器上集成两条路由,一条用于“设置事务”,另一条用于“捕获事务”,如下所示:

第一个调用将返回一个批准url,您可以直接重定向到该url(或打开完整的浏览器),而不用使用智能按钮JS

在PayPal批准您打开的新窗口/选项卡/浏览器后,返回到您在设置时指定的返回url,可以是deeplink

然后,退货应显示订单审核/确认页面(除非您希望跳过此页面,否则您应使用
user\u操作指定一个对象:'PAY\u NOW'
,以便用户单击正确的措辞了解您将要做的事情。)


然后在返回时——使用提供的查询字符串信息——运行第二个“捕获事务”调用。如果响应恰好是INSTRUMENT_谢绝的,只需重新打开原始的approval_url,因为这种情况是可以恢复的(尽管演示和处理资金失败指南是针对智能按钮的,但概念是相同的)。如果响应成功或出现任何其他错误,请相应地进行操作。

如果希望在新的浏览器窗口中打开PayPal,请将target=“\u blank”添加到锚定标记。@Mathias没有锚定标记,我可以在其中添加目标。我用的是贝宝的智能按钮。对不起,我错过了那个部分。不知道如何解决这个问题。如果要在新的浏览器窗口中打开PayPal,请将target=“\u blank”添加到锚定标记。@Mathias没有锚定标记,我可以在其中添加目标。我用的是贝宝的智能按钮。对不起,我错过了那个部分。我不知道该怎么解决这个问题。