Netlify don't work for my astro middleware endpoint

sgal008 · November 16, 2024, 12:33pm

My local test worked well, and I also used the netlify dev test local development server worked well.

When I deployed to Netlify, it didn’t work, and redicted to 404 page.
I couldn’t see the non-production logs, so I don’t know what happened with Netlify.

hrishikesh · November 16, 2024, 1:41pm

You’re saying /_refresh is supposed to work? Do you have a reproduction to share?

sgal008 · November 17, 2024, 2:25am

Yes, it is. Currently, it is working on another branch, which has yet to be merged to the main, so production doesn’t deploy it.
You can see this code here:

github.com

sgalcheung/starlight-squidex/blob/19284b65718c3cf3297179d3228de6d93b2755ff/packages/starlight-ssr/libs/integration.ts#L40


      
          }
          
          export function RefreshContentIntegration(
            userConfig: StarlightSSRUserConfig
          ): AstroIntegration {
            return {
              name: "refresh-content",
              hooks: {
                "astro:server:setup": async ({ server, refreshContent }) => {
                  // `server` is the Vite dev server instance
                  server.middlewares.use("/_refresh", async (req, res) => {
                    if (req.method !== "POST") {
                      res.statusCode = 405;
                      res.end("Method Not Allowed");
                      return;
                    }
                    let body = "";
                    req.on("data", (chunk) => {
                      body += chunk.toString();
                    });
                    req.on("end", async () => {

hrishikesh · November 17, 2024, 11:15am

Isn’t that only supposed to work when usig Vite locally? Your comment says server is the vite dev server instance. If you want to use Astro middleware, you should be using it as such: Middleware | Docs.

sgal008 · November 18, 2024, 2:44am

Actually, it used Connect, see it.

I don’t know if it supports Vite in Netlify, but it works well in my local.

hrishikesh · November 20, 2024, 1:05pm

You cannot run a Node.js server on Netlify. I’m not sure what you’re trying to do at this point, but this doesn’t seem to be the case of Astro not working on Netlify. If you use Astro’s features, they should work.

sgal008 · November 29, 2024, 6:21am

I also used local development server(netlify dev), and it worked well.
there is a log for this:
❯ netlify dev
◈ Netlify Dev ◈
◈ Injecting environment variable values for all scopes
◈ Ignored general context env var: LANG (defined in process)
◈ Ignored site settings env var: REDIS_URL (defined in .env file)
◈ Injected .env file env var: REDIS_URL
◈ Ignored site settings env var: SQUIDEX_APP_NAME (defined in .env file)
◈ Injected .env file env var: SQUIDEX_APP_NAME
◈ Ignored site settings env var: SQUIDEX_CLIENT_ID (defined in .env file)
◈ Injected .env file env var: SQUIDEX_CLIENT_ID
◈ Ignored site settings env var: SQUIDEX_CLIENT_SECRET (defined in .env file)
◈ Injected .env file env var: SQUIDEX_CLIENT_SECRET
◈ Injected site settings env var: SQUIDEX_ENVIRONMENT
◈ Ignored site settings env var: SQUIDEX_URL (defined in .env file)
◈ Injected .env file env var: SQUIDEX_URL
◈ Ignored site settings env var: WEBHOOK_SECRET (defined in .env file)
◈ Injected .env file env var: WEBHOOK_SECRET
? Multiple possible dev commands found Astro-pnpm run dev

Update your netlify.toml to avoid this selection prompt next time:

[build]
command = “pnpm run build”
publish = “dist”

[dev]
command = “pnpm run dev”

◈ Setting up local development server
Cleaned up .netlify/functions-internal.
◈ Starting Netlify Dev with Astro

example@0.1.2 dev /Users/sgalcheung/Documents/200 - 工作（Work）/220 - 技能（Skill）/221 - CS｜计算机科学（Computer Science）/221.2 - 编程语言和编译器（Programming language and compiler）/WebFramework/Astro/starlight-squidex/example
astro dev

14:16:59 [types] Generated 2ms
14:16:59 [vite] Re-optimizing dependencies because lockfile has changed

astro v5.0.0-beta.2 ready in 2785 ms

┃ Local http://localhost:4321/
┃ Network use --host to expose

This is a beta prerelease build!
Report issues here: Sign in to GitHub · GitHub

Waiting for framework port 4321. This can be configured using the ‘targetPort’ property in the netlify.toml

┌─────────────────────────────────────────────────┐
│ │
│ ◈ Server now ready on http://localhost:8888 │
│ │
└─────────────────────────────────────────────────┘

introductions: [object Object]
articles: [object Object]

14:17:01 [content] Syncing content
The collection “docs” does not exist or is empty. Ensure a collection directory with this name exists.
14:17:05 [200] / 230ms

introductions: [object Object]
articles: [object Object]

14:17:05 [content] Synced content
14:17:05 watching for file changes…
14:17:06 [watch] .astro/assets.mjs
14:17:06 [watch] .astro/modules.mjs

This is my middleware response message.

hrishikesh · November 30, 2024, 12:47pm

My previous statement still stands. You cannot run a Node.js server on Netlify. Could you implement the functionality you require within Astro’s feature set?

sgal008 · December 1, 2024, 12:38pm

First, it is an Astro feature, you can see about it in docs here:

If you ask to implement it, we should make an issue to Astro.

Second, it works well on netlify dev (local development server) but does not work in Netlify’s deploy environment, so why is this situation? Can you confirm this?

hrishikesh · December 1, 2024, 4:57pm

The feature you’re referring to clearly mentions:

A function for integrations to trigger an update to the content layer during astro dev . This can be used, for example, to register a webhook endpoint during dev, or to open a socket to a CMS to listen for changes.

during astro dev being the key word. You’re not running astro dev on Netlify.

ascorbic1 · December 2, 2024, 9:43am

@hrishikesh is correct. refreshContent is for astro dev only. It does not work in production. As it says it in the comment in the linked code: this is the Vite dev server.

sgal008 · December 2, 2024, 9:52am

Whether we should wait for the Astro 5.0 office version?

ascorbic1 · December 2, 2024, 10:05am

No, this is the design. It’s not supported in Astro 5 either. We may support live content updates in production one day, but the API would be different.

Topic		Replies	Views
Netlify dev doesn't seem to have access to localhost port 3000 Support netlify-newbie	20	969	January 24, 2024
Netlify dev hangs with 'Waiting for framework port 3000. This can be configured using the 'targetPort' property in the netlify.toml' message Support netlify-cli , netlify-newbie	15	2943	January 28, 2023
Astro on-demand pages and server side events issue Support building , deployment , lambda-functions , netlify-newbie	2	11	November 20, 2024
Netlify dev command is using build and not reloading? Support netlify-dev-open-beta	2	1141	October 4, 2022
Astro framework + SSR. Netlify config headers and redirects aren't applied Support building , deployment , lambda-functions , netlify-cli , redirects , headers	3	1262	January 11, 2023

Netlify don't work for my astro middleware endpoint

introductions: [object Object] articles: [object Object]

14:17:01 [content] Syncing content The collection “docs” does not exist or is empty. Ensure a collection directory with this name exists. 14:17:05 [200] / 230ms

introductions: [object Object] articles: [object Object]

Related topics

introductions: [object Object]
articles: [object Object]

14:17:01 [content] Syncing content
The collection “docs” does not exist or is empty. Ensure a collection directory with this name exists.
14:17:05 [200] / 230ms

introductions: [object Object]
articles: [object Object]