0

我是IONIC的新手,我試圖在離子應用程序中實現支付網關。我已將所有內容設置在外部網址中,只能通過inappbrowser將其加載到應用程序中。在客戶決定使用簽證卡進行支付時,所有款項看起來都不錯,特別是在使用Master卡的情況下,客戶不得不要求使用Visa-Verified驗證(VBV/3DS彈出窗口)作爲其交易流程的一部分。彈出窗口不會在IONICv1 InAppBrowser中打開

現在的問題是:彈出窗口不會出現inappbrowser。我試圖使用iFrame,它的所有相同的東西。我已經看過Cordova Documentation on InAppBrowser,但沒有幫助。任何建議將不勝感激。 在我的配置: `

<access origin="*"/> 
    <allow-navigation href="*" /> 
    <preference name="webviewbounce" value="false"/> 
    <preference name="UIWebViewBounce" value="false"/> 
    <preference name="DisallowOverscroll" value="true"/> 
<preference name="BackupWebStorage" value="none"/> 

`

回答

0

經過這麼多的努力,我聯繫了webpay服務提供商,他們在iFrame上重定向(彈出)加載,而不是試圖在新窗口加載它。 這是什麼解決了我的問題。

0

TL; DR:在官方科爾多瓦InAppBrowser(IAB)插件不支持彈出式窗口。

我試圖在使用IAB的科爾多瓦應用程序中顯示包含Braintree JS SDK的網頁時遇到了同樣的問題。

Braintree(現在是PayPal的子公司)創建了一個「PopupBridge」,它允許移動應用程序WebViews在瀏覽器中打開彈出窗口並模擬父級(WebView)和子級(瀏覽器)頁面之間的跨框架通信。有AndroidiOS的版本。但是,他們的工作針對的是原生應用程序,而不是Cordova應用程序。

所以我創建了cordova-plugin-inappbrowser-popup-bridge,它增加了對Cordova的InappBrowser Braintree的PopupBridge功能的支持。這使得在基於科爾多瓦的Android和iOS應用程序的InappBrowser元素的上下文中支持Braintree支持的PayPal付款成爲可能。

這可以看出我在proof-of-concept example Cordova app工作,我創建了它在IAB WebView中打開Braintree PopupBridge Example webpage

Braintree的iOS版PopupBridge依賴於WKWebView(自iOS 8以來的新iOS WebView),但官方的Cordova IAB插件仍使用較舊的UIWebView。所以在我分叉的IAB版本中,我重寫了iOS IAB插件以使用WKWebView而不是UIWebView。

+0

謝謝,你發佈的例子有點複雜。你可以請張貼在這裏可用的示例代碼,在科爾多瓦控制器 – Akinsam

+0

我的意思是,我試過你的例子,它顯示彈出如預期,雖然它沒有傳遞的價值相比,瀏覽器上運行的一個。 儘管如此,它看起來像你已經寫了一個點擊功能,處理window.open 但在支付接口是一個在放置你的卡片細節後自動調用彈出URL的情況下,什麼都沒有向上 – Akinsam

相關問題