iOS Question Problem with MKWebView

[Pablo Torres]

Hi everybody, I need a hand with a problem I am stucked with
I have a funny issue with MKWebView: I am trying to use a PCI plattform (mercado pago) to process payments on an app I'm developing on iOS, everithing works fine but when I enter the data of the card It gets stuck trying to process the payment. My guess is that something is locking the MKWebView where I load the plattform that can't perform the whole payment process.
I have tried everything with the ATS (false, true, allowing arbytrary loads in webview, etc) but the behaviour is exactly the same, it get stuck during the payment and can´t finish the process.
I can´t attach videos here because of the size, but I put 2 videos on my server showing the different behaviour between Desktop and iOS.
The link for these videos are Desktop and iOS
I already contact the people in charge of the plattform and they told me the behaviour should be exactly the same in the app than in the desktop.
Also, I tried to work it out with the Safari using iUI9, but the results remains the same, stuck during the payment process without finish

I will be glad for any help you can give me

Many thanks

 

[Semen Matusovskiy]

Did you try to compare http requests and answers in Charles ( https://www.charlesproxy.com/ ) or another similar web proxing app ?

 

[Pablo Torres]

Did you try to compare http requests and answers in Charles ( https://www.charlesproxy.com/ ) or another similar web proxing app ?

I haven't done that, will do it in a few hours.
Can I use “Charles” on the iPhone?

 

[Semen Matusovskiy]

I used Charles for Windows only (on iPhone / Android you need to configurate proxy-settings).
I saw that there is a special Charles's release for IOS, but I did not try it.

Also (if you use local builder) maybe useful Web Inspector in Safari. But Charles is better anyway.

 

[Pablo Torres]

I used Charles for Windows only (on iPhone / Android you need to configurate proxy-settings).
I saw that there is a special Charles's release for IOS, but I did not try it.

Also (if you use local builder) maybe useful Web Inspector in Safari. But Charles is better anyway.

I see... my problem is on iOS, windows is working perfect (desktop).
I will try Charles

 

[Pablo Torres]

Is there any way I can see all the things that "happens" in the MKWebView using the Log or something like that?

 

[Erel]

Does it work with the phone browser? You can open it with App.OpenURL.

 

[Pablo Torres]

Does it work with the phone browser? You can open it with App.OpenURL.

It doesn’t, I already tried that (catch the first complete URL in the MKWebView and open that with Safari), it get stuck in the same point

 

[Andrew (Digitwell)]

Hi,

It sounds similar to a problem I had when trying to implement STRIPE

[B4X] [B4XPages] STRIPE Checkout - Credit card and Apple Pay

Attached a project which demonstrates how to accept a STRIPE Payment within your app. It is based on the information on this page: https://stripe.com/docs/checkout/integration-builder On iOS it also allows the use of APPLE PAY. Unfortunately, Google Pay does not seem to work for me, not sure...

www.b4x.com

My problem was that there were callbacks to particular web pages that it needs as it expects to be working with a website.
The solution was to use OverrideURL to trap these and perform any appropriate action

Sub wvApple_OverrideUrl (Url As String) As Boolean
    Log($"Override ? (${Url})"$)
    If (Url.Contains("cancel.html")) Then
        wvApple.Visible = False
        xui.MsgboxAsync("Cancelling. Do something ","Hi")
        'handle cancelling here
    else if (Url.contains("success.html")) Then
        wvApple.Visible = False
        xui.MsgboxAsync("Success! Do something ","Hi")
        'Handle success here
    End If  
    Return False
End Sub

 

[Pablo Torres]

Hi,

It sounds similar to a problem I had when trying to implement STRIPE

[B4X] [B4XPages] STRIPE Checkout - Credit card and Apple Pay

Attached a project which demonstrates how to accept a STRIPE Payment within your app. It is based on the information on this page: https://stripe.com/docs/checkout/integration-builder On iOS it also allows the use of APPLE PAY. Unfortunately, Google Pay does not seem to work for me, not sure...

www.b4x.com

My problem was that there were callbacks to particular web pages that it needs as it expects to be working with a website.
The solution was to use OverrideURL to trap these and perform any appropriate action

Sub wvApple_OverrideUrl (Url As String) As Boolean
    Log($"Override ? (${Url})"$)
    If (Url.Contains("cancel.html")) Then
        wvApple.Visible = False
        xui.MsgboxAsync("Cancelling. Do something ","Hi")
        'handle cancelling here
    else if (Url.contains("success.html")) Then
        wvApple.Visible = False
        xui.MsgboxAsync("Success! Do something ","Hi")
        'Handle success here
    End If 
    Return False
End Sub

Hi, good answer, it didn't solve the problem but at least I did something different

The logs are:

Override ? (https://www.mercadopago.com.uy/chec...-f8c89ac98f0e&transaction-amount=3400&action=)
Override ? (https://www.mercadopago.com.uy/chec...-f8c89ac98f0e&action=&transaction-amount=3400)
Override ? (about:blank)
Override ? (about:blank)
Override ? (https://vars.hotjar.com/box-469cf41adb11dc78be68c1ae7f9457a4.html)
Override ? (https://www.google.com/recaptcha/en...c8LiYc1DKXiAomK&size=invisible&cb=y8rinndmca1)
Override ? (about:blank)
Override ? (about:blank)
Override ? (about:blank)
Override ? (https://mldp.mercadopago.com/device...e&session_id=a41735113b2b82279491df6d912c582c)
Override ? (https://www.mercadolibre.com/jms/lg...057787bd341bc2703da7970feb1a5be1b3bebe31bc6b4)

It stops there and I can't see anything after that

 

[Pablo Torres]

I have created 3 projects and zipped so anyone can try them
TestNonUI: a B4J NonUI project that do everything "on the back" and creates an html in the same dir of the jar named "Prueba.html", then you doubleclick this file and follow the orders to complete the payment
TestUI: basically the same but it uses the Webview of b4j to load the page
TestiOS: something very similar than the other but for iOS, this is the one where I have the problem

For anyone to do the test:
Cardnumber 5031 7557 3453 0604
Name APRO
Expiration 11/25
Code 123

In the next page the CI number could be 33476561

I will appreciate any hand that could help me to solve the problem

 

[Erel]

No such thing MKWebView. You mean WKWebView which was replaced with the regular WebView.

You shouldn't try to implement the web based solution. Look for the OAuth solution.

 

[Semen Matusovskiy]

I simply ran TestiOS without any change. Results:

https://sportsticket.uy:8080/cafemax/Service?Data={"Articulos":[{"subtotal":500,"idarticulo":1,"cantidad":2,"unitario":250},{"subtotal":300,"idarticulo":7,"cantidad":1,"unitario":300},{"subtotal":700,"idarticulo":2,"cantidad":2,"unitario":350}],"IdEmpresa":1,"Valor":"1500.00","metodo":"Pedido","IdCliente":1}
ResponseError: The certificate for this server is invalid. You might be connecting to a server that is pretending to be “sportsticket.uy” which could put your confidential information at risk., status code: 0

Well let's look a certificate. Let's Encrypt. It's not a surprise that Safari (unlike IE, Chrome etc) does not trust. Guys do not have USD 3-4 /year to buy the simpliest Comodo certificate ?

 

[Pablo Torres]

I simply ran TestiOS without any change. Results:


Well let's look a certificate. Let's Encrypt. It's not a surprise that Safari (unlike IE, Chrome etc) does not trust. Guys do not have USD 3-4 /year to buy the simpliest Comodo certificate ?

That shouldn't be a problem if you did setup to ATSEnabled=false, right?

 

[Pablo Torres]

No such thing MKWebView. You mean WKWebView which was replaced with the regular WebView.

You shouldn't try to implement the web based solution. Look for the OAuth solution.

Exactly, WKWebView.
I did not understand your answer. Where do I have to look for the OAuth Solution? Can I get an example of that? Why is the web solution not working in iPhone?

 

[Semen Matusovskiy]

ATSEnabled=True works better. At least the system accepts information about credit card and then offers to check information (Revisa si está todo bien)

 

[Pablo Torres]

ATSEnabled=True works better. At least the system accepts information about credit card and then offers to check information (Revisa si está todo bien)

I don't know, what you say is not happening to me.
I set ATSEnabled to false
I always see the information about credit card and etc
In every intent I made the payment get stuck in the same part (like thinking)

How is that ATSEnabled=true works "better"?

 

[Erel]

I did not understand your answer. Where do I have to look for the OAuth Solution?

You will need to look in the web service documentation.

 

[Semen Matusovskiy]

Better means that results in B4J and B4i are very similar

 

[Pablo Torres]

Better means that results in B4J and B4i are very similar

View attachment 103488

I did reach to that part in iOS, as I said at the beggining of the post, but the difference is that in iOS it get stuck in the process of the payment after that
Any idea to help with that?