0

Je suis nouveau à IONIC et j'essaie d'implémenter la passerelle de paiement dans mon application ionique. J'ai tout mis en place dans une URL externe, seulement pour le charger dans l'application via inappbrowser. Tout semble bien, surtout avec la carte maîtresse, jusqu'à ce qu'un client décide d'utiliser la carte Visa pour effectuer un paiement qui nécessite malheureusement une vérification par Visa (fenêtre pop-up VBV/3DS) dans le cadre de son flux de transactions.Fenêtre pop-up ne s'ouvre pas dans IONICv1 InAppBrowser

MAINTENANT LE PROBLÈME EST: pop fenêtre ne vient dans inappbrowser. J'ai essayé d'utiliser iFrame, c'est la même chose. J'ai déjà regardé dans Cordova Documentation on InAppBrowser mais ne m'aide pas non plus. Toute suggestion sera appréciée. dans ma config: `

<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"/> 

`

Répondre

0

Après tant d'efforts, j'ai contacté le fournisseur de service webpay et ils font le chargement de la redirection (pop up) sur iFrame plutôt que de le charger sur une nouvelle fenêtre. C'est ce qui a résolu mon problème.

0

TL; DR: Le plug-in Cordova InAppBrowser offical (IAB) ne supporte pas les fenêtres pop-up.

J'ai rencontré ce même problème en essayant d'afficher des pages Web contenant le Braintree JS SDK dans une application Cordova utilisant l'IAB. Ont créé un "PopupBridge" qui permet à l'application mobile WebViews d'ouvrir des fenêtres contextuelles dans un navigateur et d'émuler la communication entre images entre les pages parent (WebView) et enfant (navigateur) . Il existe des versions pour Android et iOS. Cependant, leur travail est ciblé sur les applications natives, pas sur les applications Cordova.

J'ai donc créé cordova-plugin-inappbrowser-popup-bridge, qui ajoute la prise en charge de la fonctionnalité PopupBridge de Braintree à InappBrowser de Cordova. Cela permet de prendre en charge les paiements PayPal alimentés par Braintree dans le contexte de l'élément InappBrowser des applications Android et iOS basées sur Cordova.

Cela peut être vu travailler dans le proof-of-concept example Cordova app que j'ai créé qui ouvre le Braintree PopupBridge Example webpage dans un IAB WebView.

PopupBridge de Braintree pour iOS s'appuie sur WKWebView (le nouveau iOS WebView depuis iOS 8) mais le plugin IAB officiel de Cordova utilise encore l'ancien UIWebView. Donc, dans ma version fourchue d'IAB, j'ai réécrit le plugin iOS IAB pour utiliser WKWebView au lieu de UIWebView.

+0

merci, l'exemple que vous avez posté est en quelque sorte compliqué. pouvez-vous s'il vous plaît poster ici exemple de code qui est utilisable dans le contrôleur de cordova – Akinsam

+0

Je veux dire, j'ai essayé votre exemple et il montre pop comme prévu et bien qu'il ne passe pas de valeur par rapport à celui exécuté sur le navigateur. Tout de même, il semblerait que vous ayez écrit une fonction de clic qui ouvre une fenêtre.open mais dans le cas où l'interface de paiement est celle d'appeler l'url pop-up (automatiquement) après avoir mis les détails de votre carte, rien ne vient en haut – Akinsam