Shopify / Shopify/shopify-app-template-node

There's no page at this address

Open
#1,297 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
1k
Forks
434
PR merge metrics
No merged PRs in 30d

Description

Here is my shopify.js configs:


import { BillingInterval, LATEST_API_VERSION } from "@shopify/shopify-api";
import { shopifyApp } from "@shopify/shopify-app-express";
import { SQLiteSessionStorage } from "@shopify/shopify-app-session-storage-sqlite";
import { restResources } from "@shopify/shopify-api/rest/admin/2023-07";

const DB_PATH = `${process.cwd()}/database.sqlite`;

// The transactions with Shopify will always be marked as test transactions, unless NODE_ENV is production.
// See the ensureBilling helper to learn more about billing in this template.
const billingConfig = {
  "My Shopify One-Time Charge": {
    // This is an example configuration that would do a one-time charge for $5 (only USD is currently supported)
    amount: 5.0,
    currencyCode: "USD",
    interval: BillingInterval.OneTime,
  },
};

const scopes =
  "read_customers,read_orders,read_products,write_customers,write_products";

const hostName = "https://appname.domain.com";

const SHOPIFY_API_KEY = "#########";

const SHOPIFY_API_SECRET = "#######";

const shopify = shopifyApp({
  useOnlineTokens: true,
  api: {
    apiKey: SHOPIFY_API_KEY,
    apiSecretKey: SHOPIFY_API_SECRET,
    scopes: scopes.split(","),
    // hostName: hostName.replace(/https?:\/\//, ""),
    apiVersion: LATEST_API_VERSION,
    restResources,
    billing: undefined, // or replace with billingConfig above to enable example billing
  },
  auth: {
    path: "/api/auth",
    callbackPath: "/api/auth/callback",
  },
  webhooks: {
    path: "/api/webhooks",
  },
  // This should be replaced with your preferred storage strategy
  sessionStorage: new SQLiteSessionStorage(DB_PATH),
});

When installing the app it shows the dashboard for a second and then display the error message as There's no page at this address

URL will be like: https://admin.shopify.com/store/restockstoretesting12/apps/eebaaf49180d45a6dfd5906be615d6e6/?hmac=76cc214b26e483c267d4f0a02c95cd03ace160b2eb72a087a5573093b9fea76d&host=YWRtaW4uc2hvcGlmeS5jb20vc3RvcmUvcmVzdG9ja3N0b3JldGVzdGluZzEy&shop=restockstoretesting12.myshopify.com&timestamp=1694672075

@tobi @macournoyer @methodmissing @ericflo

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the shopify.js configuration shown in the report, especially the authentication paths and host settings. Reproduce the installation flow and trace the redirect that leads to the reported Shopify error page. Done means a newly installed app reaches its dashboard without showing “There's no page at this address”.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
api, backend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.