stripe needs me to host file apple-developer-merchantid-domain-association... but where?

Unanswered

Sun bear posted this in #help-forum

Open in Discord

Sun bearOP

2023-11-21T21:47:28.000Z

according to stripe docs (https://stripe.com/docs/payments/payment-methods/pmd-registration?platform=dashboard), i need to host a file called "apple-developer-merchantid-domain-association" at the url [domain]/.well-known/apple-developer-merchantid-domain-association in order to get apple pay setup on stripe checkouts

Verify your domain with Apple Pay
If you use Apple Pay, follow these steps to verify your domain. You can verify your domain before or after registering it. If the domain is already registered, click the row action and then click Verify.

1. Download the domain association file.
2. Host the file at /.well-known/apple-developer-merchantid-domain-association. For example, if you register https://example.com/, make that file available at https://example.com/.well-known/apple-developer-merchantid-domain-association.
3.Click Verify.

question: since i am using app router, where should i host this file in my app? would it be src/app/.well-known ? and i need make a folder called ".well-known" or what?

screenshot 1 - the message that pops up after i hit "verify" on stripe
screenshot 2 - every possible location i've tried putting the folder before deploying to prod on vercel.

50 Replies

Sun bearOP

2023-11-21T22:01:58.000Z

update: i changed the domain on stripe from plzreply.com to www.plzreply.com so the new error message is a 404 on a request

second screenshot is a the error log from my prod deployment on vercel

2023-11-21T22:14:30.000Z

create a GET route handler in app/.well-known/apple-developer-merchantid-domain-association/route.ts then response the file content

or put that file in public folder then do the follow in the route handler

// app/.well-known/apple-developer-merchantid-domain-association/route.ts

import { NextResponse } from "next/server";

export function GET(req: Request) {
  return NextResponse.redirect(
    "/apple-developer-merchantid-domain-association",
    {
      headers: {
        "Content-disposition":
          "attachment; filename=apple-developer-merchantid-domain-association",
      },
    }
  );
}

@Ray create a GET route handler in app/.well-known/apple-developer-merchantid-domain-association/route.ts then response the file content

Sun bearOP

2023-11-21T22:39:19.000Z

ok so just to double check this is the correct folder organization & contents?

2023-11-21T22:40:14.000Z

no

apple-developer-merchantid-domain-association inside .well-known

@Ray apple-developer-merchantid-domain-association inside .well-known

Sun bearOP

2023-11-21T22:41:22.000Z

you are you talking about the actual domain file, or the folder?

2023-11-21T22:41:44.000Z

folder

both of them are folder

just route.ts is a file

@Ray or put that file in public folder then do the follow in the route handler ts // app/.well-known/apple-developer-merchantid-domain-association/route.ts import { NextResponse } from "next/server"; export function GET(req: Request) { return NextResponse.redirect( "/apple-developer-merchantid-domain-association", { headers: { "Content-disposition": "attachment; filename=apple-developer-merchantid-domain-association", }, } ); }

2023-11-21T22:42:03.000Z

check the path here

and put the apple-developer-merchantid-domain-association file inside public folder

Sun bearOP

2023-11-21T22:43:09.000Z

ok so you are suggesting the second option instead?

2023-11-21T22:43:34.000Z

either way work

redirect easily

@Ray create a GET route handler in app/.well-known/apple-developer-merchantid-domain-association/route.ts then response the file content

Sun bearOP

2023-11-21T22:45:00.000Z

you said

create a GET route handler in app/.well-known/apple-developer-merchantid-domain-association/route.ts then response the file content

in my picture, i have app folder -> .well-known folder -> apple-developer-merchantid-domain-association folder -> route.ts file

im with you through there

then i added the actual apple-developer-merchantid-domain-association file i downloaded from stripe dashboard...where does that go then?

2023-11-21T22:45:35.000Z

/public

Sun bearOP

2023-11-21T22:47:01.000Z

ok here we go?

2023-11-21T22:47:22.000Z

yes

Sun bearOP

2023-11-21T22:47:31.000Z

alright deploying

2023-11-21T22:48:02.000Z

once deployed, you can try go to yourdomain/.well-known/apple-developer-merchantid-domain-association

@Ray once deployed, you can try go to yourdomain/.well-known/apple-developer-merchantid-domain-association

Sun bearOP

2023-11-21T22:53:12.000Z

running into an error while deploying

Error occurred prerendering page "/.well-known/apple-developer-merchantid-domain-assocation". Read more: https://nextjs.org/docs/messages/prerender-error
Error: URL is malformed "/apple-developer-merchantid-domain-association". Please use only absolute URLs - https://nextjs.org/docs/messages/middleware-relative-urls
    at i (/vercel/path0/.next/server/chunks/81.js:1:11437)
    at u.redirect (/vercel/path0/.next/server/chunks/81.js:1:10285)
    at d (/vercel/path0/.next/server/app/.well-known/apple-developer-merchantid-domain-assocation/route.js:1:467)
    at /vercel/path0/node_modules/next/dist/compiled/next-server/app-route.runtime.prod.js:6:41310
    at /vercel/path0/node_modules/next/dist/server/lib/trace/tracer.js:131:36
    at NoopContextManager.with (/vercel/path0/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:7062)
    at ContextAPI.with (/vercel/path0/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:518)
    at NoopTracer.startActiveSpan (/vercel/path0/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18093)
    at ProxyTracer.startActiveSpan (/vercel/path0/node_modules/next/dist/compiled/@opentelemetry/api/index.js:1:18854)
    at /vercel/path0/node_modules/next/dist/server/lib/trace/tracer.js:120:103

   Generating static pages (3/15)

@Sun bear ok so just to double check this is the correct folder organization & contents?

2023-11-21T22:54:07.000Z

are you sure there are two folder?

should look like this

@Ray should look like this

Sun bearOP

2023-11-21T22:58:20.000Z

yea do you see anything weird? i dont think im missing anything

2023-11-21T23:02:09.000Z

I got build error too

but its gone after I recreate the folder

Sun bearOP

2023-11-21T23:02:45.000Z

you have underscore instead of period on the top one

2023-11-21T23:03:04.000Z

second one

the one with underscore was causing the build error

then I create again

Sun bearOP

2023-11-21T23:03:29.000Z

did you verify the domain on stripe?

2023-11-21T23:03:54.000Z

yes but with remix

should be the same in nextjs

Sun bearOP

2023-11-21T23:04:47.000Z

even if i delete and recreate the folder, there won't be any diff on git so it wouldnt be a new commit no new deploy

2023-11-21T23:05:10.000Z

try build locally first

Sun bearOP

2023-11-21T23:16:32.000Z

no fucking way

oh my god there was a typo in association

https://tenor.com/bkvOK.gif

2023-11-21T23:22:54.000Z

Sun bearOP

2023-11-21T23:27:45.000Z

nope that wasn't it

i mean it as causing some stuff, but stripe still not able to verify. i think i'll reach out to their dev support

2023-11-21T23:31:49.000Z

yea i can access the file in https://www.plzreply.com/.well-known/apple-developer-merchantid-domain-association

Sun bearOP

2023-11-21T23:32:06.000Z

yea!

has to be on stripe's end im guessing

Sun bearOP

2023-11-23T00:19:13.000Z

update: stripe says itâ€™s not on their end â€¦ ðŸ˜‚

Honestly would you recommend at this point instead of getting the run around between stripe and vercel

2023-11-23T00:34:11.000Z

or you could try https://nextjs.org/docs/app/api-reference/next-config-js/redirects

redirects() {
    return [
      {
        source: "/.well-known/apple-developer-merchantid-domain-association",
        destination: "/apple-developer-merchantid-domain-association",
        permanent: false,
      },
    ];
  },

remove the route and leave the file in /public folder