issue with verifyProxy

[john-kuo]

hey there, thanks for the template and the turotial. when I go to the data fetching page

It kept stuck on the loading for all 3 requests

On the server It gave out this error

TypeError: Cannot read properties of null (reading 'replace') at verifyProxy (file:///Users/john/Documents/personal-projects/shopify/examples/shopify-node-express-mongodb-app/server/middleware/verifyProxy.js:7:6) at Layer.handle [as handle_request] (/Users/john/Documents/personal-projects/shopify/examples/shopify-node-express-mongodb-app/node_modules/express/lib/router/layer.js:95:5) at trim_prefix (/Users/john/Documents/personal-projects/shopify/examples/shopify-node-express-mongodb-app/node_modules/express/lib/router/index.js:328:13) at /Users/john/Documents/personal-projects/shopify/examples/shopify-node-express-mongodb-app/node_modules/express/lib/router/index.js:286:9 at Function.process_params (/Users/john/Documents/personal-projects/shopify/examples/shopify-node-express-mongodb-app/node_modules/express/lib/router/index.js:346:12) at next (/Users/john/Documents/personal-projects/shopify/examples/shopify-node-express-mongodb-app/node_modules/express/lib/router/index.js:280:10) at isShopActive (file:///Users/john/Documents/personal-projects/shopify/examples/shopify-node-express-mongodb-app/server/middleware/isShopActive.js:7:5) at Layer.handle [as handle_request] (/Users/john/Documents/personal-projects/shopify/examples/shopify-node-express-mongodb-app/node_modules/express/lib/router/layer.js:95:5) at trim_prefix (/Users/john/Documents/personal-projects/shopify/examples/shopify-node-express-mongodb-app/node_modules/express/lib/router/index.js:328:13) at /Users/john/Documents/personal-projects/shopify/examples/shopify-node-express-mongodb-app/node_modules/express/lib/router/index.js:286:9

It seems the incoming request req._parsedUrl is null ..?

I got it working by removing the verifyProxy method in the routes in sever/index.js, but it's just to go around the proxy issue..

Am I missing something? Thanks!

[kinngh]

This page has nothing to do with App Proxy and uses the verifyRequest middleware. What prompted you to look at verifyProxy middleware, or even call a proxy route instead of a regular route that uses verifyRequest middleware?

[john-kuo]

@kinngh you are right. I made a mistake putting the verifyProxy on the "/api/apps" route.. because I was making a new post method and was testing with PostMan but didn't bother to include Bearer all the time so removed the verifyRequest. Replaced it with verifyRequest and it's working.

The new issue I have is when I goto https://{{shopify_url}}/apps/express-proxy/json , it kept displaying this page. If I click on Visit Site. It still reloads the same page..

I had the app proxy setup

like you instructed, do you know what might be the problem here?

Thanks again!

[kinngh]

• If you want to test it with Postman, what I usually do is update my verifyRequest to

const isDev = process.env.NODE_ENV === "dev";
if (isDev) {
 // pass a new header entry that says `postman` or something similar
 // assign a dev store session token
 // next()
}

This ensures that only in dev mode, you can use a custom header to bypass the entire check, assign a dev store and move on with your request.

• The ngrok issue - I usually don't run into this for some reason on my ngrok account but everyone else does, including me if I make a new ngrok account. There's 3 things here:

1. In your browser, like the page instructs, use a custom User-Agent. I like to name mine after my first name and then Safari, because I use Safari.
2. In your API requests, like the page instructs, pass "ngrok-skip-browser-warning:" "1" to bypass this page for your API calls
3. Swap over to Cloudflare Tunnel. I've started to use it recently and liking it more. The repo comes with cloudflare and cloudflare:prod scripts so you can easily just swap over to Cloudflare Tunnel after you install the base tool from Cloudflare.

[john-kuo]

@kinngh awesome dude, that fixed the problem.