“在此地址上没有页面”。 Shopify嵌入式应用程序错误

Question

当我尝试安装部署的Shopify应用程序时，我会重定向到一个页面，上面写着“此地址上没有页面”。

这很奇怪，因为当我要安装应用程序时，生成的第一个链接是：

https://shopify-app.herokuapp.com/?hmac=d61597ca3ea6ca74b8bd6ea8f8bcc812b4382fad6f15434c0158bc4c3ade519a&host=dXBsaWZ0ZWQtY29tbWVyY2UtZGV2Lm15c2hvcGlmeS5jb20vYWRtaW4&shop=dev.myshopify.com&timestamp=1657326911 

然后将其重定向到错误页面。

当我手动使用此链接时，

https://shopify-app.herokuapp.com/api/auth?shop=dev.myshopify.com

oauth过程无问题。

在我的开发环境中，“安装”链接将我转到：https://test.ngrok.io/api/auth?shop=dev.myshopify.com，除非数据库中有条目对于Active_shopify_shops。

当数据库中有条目时，安装链接的格式与我对POR的问题时的格式相同：

https://test.ngrok.io/hmac = 2C3D22200BEE25B5EA3736EBDDDD06494B1EE9A5F2F5FF5FFA310D806417C46417C469F9F9F9F10＆amp;host=dxb SAWZ0ZWQTY29TBWVYY2UTZGV2LM15C2HVCGLMES5JB20VYWRTAW4＆amp; shop = dev.myshopify.com＆amp; timestamp = 1657327896

而且我也将其重定向到“此地址上没有页面”页面。

但是，我的生产数据库是空的。这仅在我的应用的部署的Heroku产品版本上开始发生。

我已经呆了将近8个小时了，我的一生无法弄清楚为什么它不起作用。

我正在使用 shopify cli 来骗这个项目。

知道发生了什么事吗？

这是检查值和重定向验证的值的Catchall路线：

app.use("/*", async (req, res, next) => {
    const shop = req.query.shop;

    const shopValue = await pool.query(`SELECT * FROM shop WHERE shop_url=$1`, [
      shop,
    ]);


    if (shopValue?.rows[0]?.scope) {
      ACTIVE_SHOPIFY_SHOPS[shop] = shopValue.rows[0].scope;
    } else {
      ACTIVE_SHOPIFY_SHOPS[shop] = undefined;
    }

    // Detect whether we need to reinstall the app, any request from Shopify will
    // include a shop in the query parameters.
    if (app.get("active-shopify-shops")[shop] === undefined && shop) {
      res.redirect(`/api/auth?shop=${shop}`);
    } else {
      const fs = await import("fs");
      const fallbackFile = join(
        isProd ? PROD_INDEX_PATH : DEV_INDEX_PATH,
        "index.html"
      );
      res
        .status(200)
        .set("Content-Type", "text/html")
        .send(fs.readFileSync(fallbackFile));
    }
  });

这些是我的auth路线：

export default function applyAuthMiddleware(
  app,
  { billing = { required: false } } = { billing: { required: false } }
) {


  
  
  
  app.get("/api/auth", async (req, res) => {
    console.log("API AUTH");
    if (!req.query.shop) {
      res.status(500);
      return res.send("No shop provided");
    }

    if (!req.signedCookies[app.get("top-level-oauth-cookie")]) {
      return res.redirect(`/api/auth/toplevel?shop=${req.query.shop}`);
    }

    const redirectUrl = await Shopify.Auth.beginAuth(
      req,
      res,
      req.query.shop,
      "/api/auth/callback/offline",
      false
    );

    res.redirect(redirectUrl);
  });

  app.get("/api/auth/toplevel", (req, res) => {
    console.log("AUTH TOPLEVEL");

    res.cookie(app.get("top-level-oauth-cookie"), "1", {
      signed: true,
      httpOnly: true,
      sameSite: "strict",
    });

    res.set("Content-Type", "text/html");

    res.send(
      topLevelAuthRedirect({
        apiKey: Shopify.Context.API_KEY,
        hostName: Shopify.Context.HOST_NAME,
        shop: req.query.shop,
      })
    );
  });

  app.get("/api/auth/callback/offline", async (req, res) => {
    console.log("OFFLINE CALLBACK");

    try {
      const session = await Shopify.Auth.validateAuthCallback(
        req,
        res,
        req.query
      );

      //Save the offline access token
      await pool.query(
        `UPDATE shop SET offline_access_token = $1 WHERE shop_url = $2`,
        [session.accessToken, session.shop]
      );



      //get the online token
      const redirectUrl = await Shopify.Auth.beginAuth(
        req,
        res,
        req.query.shop,
        "/api/auth/callback",
        true
      );

      // Redirect to app with shop parameter upon auth
      res.redirect(redirectUrl);
    } 
  });

  app.get("/api/auth/callback", async (req, res) => {
    console.log("AUTH CALLBACK");

    try {
      const session = await Shopify.Auth.validateAuthCallback(
        req,
        res,
        req.query
      );

      const host = req.query.host;
      app.set(
        "active-shopify-shops",
        Object.assign(app.get("active-shopify-shops"), {
          [session.shop]: session.scope,
        })
      );

      const responses = await Shopify.Webhooks.Registry.registerAll({
        shop: session.shop,
        accessToken: session.accessToken,
      });

      

      Object.entries(responses).map(([topic, response]) => {

        if (!response.success && !gdprTopics.includes(topic)) {
          console.log(
            `Failed to register ${topic} webhook: ${response.result.errors[0].message}`
          );
        }
      });

      // Redirect to app with shop parameter upon auth
      res.redirect(redirectUrl);
    } 
  });
}

Answer 1

这是CLI中的一个错误，该错误已解决在这里