Domain is misconfigured for Apple Pay

[mldev]

Hey everyone ,
I’m trying to test Apple Pay using the web-payments-quickstart demo application. I’m following this guide, and everything works fine, but when I click on the Pay button, it returns me the error:

{
    "errors": [
        {
            "category": "INVALID_REQUEST_ERROR",
            "code": "BAD_REQUEST",
            "detail": "Domain 4e5b09ff259c.ngrok.io is misconfigured for Apple Pay."
        }
    ]
}

The domain is verified correctly, as you can see here:

Do you know what’s happening? I googled the error, but I didn’t find anything about this error

[Bryan-Square]

I believe it’s because you’re using a ngrok tunnel. If you deploy to a HTTPS hosting environment it will work as expected.

[mldev]

Unfortunately not. I have the same error deploying the application to heroku

{
    "errors": [
        {
            "category": "INVALID_REQUEST_ERROR",
            "code": "BAD_REQUEST",
            "detail": "Domain web-payments-quickstart.herokuapp.com is misconfigured for Apple Pay."
        }
    ]
}

[Bryan-Square]

I tried to go to your site and for some reason when trying to load it using Safari it’s not HTTPS and I’m getting a not secure message. But in Chrome it is secure. Is there something blocking the certificate with Safari?

[mldev]

I’m not receiving your error. Maybe it’s something related to HTTPS redirect? What about if you visit this URL directly https://web-payments-quickstart.herokuapp.com/examples/apple-pay?

[Bryan-Square]

It’s working for me. The page loads with the Apple Pay button and when I click on it it starts the Apple Pay checkout process.