将用户从我的网站重定向到移动应用程序

Question

我在 vercel 上运行了这个中间件函数，我试图用它来重定向用户。该链接是在 Expo 上生成的，它包含指向我的应用程序的深层链接。该链接会通过电子邮件发送给用户以用于身份验证。

该链接看起来像这样

https://www.mywebsite.com/redirect?redirectUrl=exp://192.168.1.0:9000&mode=signIn&lang=en&apiKey=xxxx&oobCode=xxxx

所以我设法获取我也想定向的世博会链接，但它永远不会进入我的应用程序，因为

https://www.mywebsite.com

总是被添加到链接中，所以我最终得到

https://www.mywebsite.com/exp://192.168.1.0:9000&mode=signIn&lang=en&apiKey=xxxx&oobCode=xxxx

如何修改我的函数以直接到世博会链接？

---

import { NextRequest, NextResponse } from "next/server";

export default async function redirects(req, res) {
  const { url } = req;
  const { href, origin, searchParams } = req.nextUrl;

  if (href.includes("redirectUrl")) {
    let extractedUrl = url.split("?")[1];
    let redirectUrl = extractedUrl.replace("redirectUrl=", "");

    return NextResponse.redirect(redirectUrl);
  }

  return NextResponse.next();
}

Answer 1

对此走了一条不同的路线。如果有人感兴趣的话，是否可以在没有中间件和常规 getInitialProps 的情况下进行重定向。

这就是我想出来的。请随意建议我如何改进这一点。

Redirects.getInitialProps = (ctx) => {
  if (!ctx.res) return;
  const { redirectUrl, mode, lang, apiKey, oobCode } = ctx.query;
  const Location = `${redirectUrl}${mode}${lang}${apiKey}${oobCode}`;

  if (redirectUrl) {
    ctx.res.writeHead(302, { Location });
    ctx.res.end(`Redirecting to ${Location}`);
  } else {
    ctx.res.writeHead(400);
    ctx.res.end("You must provide a `redirectUrl` in the query");
  }
};