标签：javascript mobile-safari ipad in-app-purchase paypal

我一直在我的(HTML5)网络应用程序中实现PayPal Digital Goods Express Checkout,以启用“应用内”购买额外应用内容.在我的桌面浏览器(Chrome,Safari,Firefox)中,数字商品流程可以正常运行.在该流程中,弹出窗口在某些点打开,例如当用户点击登录按钮或按钮以用他的信用卡付款时(即没有paypal帐户).弹出窗口对桌面浏览器没有问题.但是,在iPad 2上的Mobile Safari中,弹出窗口始终作为(新)选项卡打开,即使包含宽度,高度等的属性字符串传递给JavaScript window.open()命令也是如此.这使得无法实现PayPal数字商品快速结账,并且在桌面浏览器和Mobile Safari中都具有良好的用户体验.当Web应用程序在iPad上全屏运行时(使用主屏幕上的图标)打开弹出窗口变得更加成问题(或不可能).

在试图解决我的问题时,我提出了以下选项,其中没有一个能够带来令人满意的结果：

>自定义付款流程.当然,这在某种程度上是可能的,但在将用户重定向到强制用户登录PayPal的’incontext’快速结账页面之后,定制就不在我的手中(据我所知).例如,我无法自定义登录过程本身并使其在iframe(而不是弹出窗口)中工作.如果有一些高级API命令我可以使用服务器端来让用户自己登录到PayPal,使用我自己的(iframed)登录表单,这会很酷,但这似乎太牵强了.
>使弹出窗口在Mobile Safari中按预期工作,最好也是在全屏运行Web应用程序时.我认为Mobile Safari打开新窗口作为标签(有其他浏览器可以执行此操作)并不奇怪.我认为从JavaScript打开的弹出窗口使用window.open和定义窗口位置和尺寸的属性字符串作为选项卡打开是很奇怪的.有没有人知道如何让Mobile Safari正常打开这样的弹出窗口而不需要用户更改某些浏览器设置？

为了证明我的问题(并表明我不是唯一面对它的人,虽然这个网站的所有者可能不知道;-),请使用iPad转到digitalmagazine.autosport.com并点击顶部的“Pay with PayPal”按钮 – 页面左侧.单击PayPal iframe中的登录按钮.该网站消失,登录页面(应该在弹出窗口中打开以获得“应用内”体验)打开整页.

我还研究了similar in-app payment systems使用的客户端(JavaScript)技术,但那些(可以理解)也使用弹出窗口.因此,我更喜欢上面描述的第二种解决方案.那一个也将涉及更少的工作.

解决方法:

虽然PayPal支持移动平台,但您需要进行一些更改才能完全实现iOS和其他移动操作系统.您可以在此处找到PayPal Mobile概述：https://cms.paypal.com/us/cgi-bin/?cmd=_render-content&content_ID=developer/e_howto_api_ECOnMobileDevices

该过程首先将Express Checkout流程中的redirect命令更改为_expresscheckout-mobile,然后逐步完成实施的其他要求列表.请仔细阅读文档,因为在支持的NVP字段时可能会有点挑剔.

标签：javascript,mobile-safari,ipad,in-app-purchase,paypal
来源： https://codeday.me/bug/20190704/1375990.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。