Middleware not working properly

[deepakshrma30]

I have a created a middleware using createMiddleware function from hono/factory , and i am using the middleware in some specific routes only

This is my middleware code :

import { createMiddleware } from "hono/factory";
import { verify } from "hono/jwt";

const authMiddleWare = createMiddleware(async (c, next) => {
  const authHeader = c.req.header("authorization") || "";
  console.log("Processing /blogs/bluk without authMiddleware fffffffff");
  try {
    if (!authHeader) {
      c.status(401);
      return c.json({ error: "unauthorized" });
    }
    const token = await verify(authHeader, c.env.JWT_SECRET);

    if (!token) {
      c.status(401);
      return c.json({ error: "UNAUTHORIZED" });
    } else {
      c.set("id", token.id);
      await next();
    }
  } catch (error) {
    console.log(error);
  }
});

export default authMiddleWare;

These are my two routes i am using the middleware this require authentication

This is my put request to update the blog

blogRoutes.put("/blog/:id", authMiddleWare,async (c) => {
  const prisma = new PrismaClient({
    datasourceUrl: c.env.DATABASE_URL,
  }).$extends(withAccelerate());

  const body=await c.req.json()
  try{
    const {id}=c.req.param()
    const blog=await prisma.post.update({
      where:{
        id:id
      },
     data:{
      title:body.title,
      content:body.description
     }
    })
    c.status(200)
    return c.json({
      message:"Updated Successfully",
      data:blog
    })
  }catch(error){
    c.status(411)
    return c.json({message:error})
  }
  return c.json({ message: "hellow world" });
});

This is my get Request to get blogs but it do not need to have a middleware

blogRoutes.get("/blogs/bluk",async (c) => {
  const prisma = new PrismaClient({
    datasourceUrl: c.env.DATABASE_URL,
  }).$extends(withAccelerate());
  console.log("Processing /blogs/bluk without authMiddleware");
  try{
    const blog=await prisma.post.findMany({
      orderBy:{
        createdAt:"desc"
      }
    })

    return c.json({data:blog})
  }catch(error){
    return c.json({message:error,status:"411"})
  }
  
});

My get Request throws unauthorized error from the authMiddleware but why?

[Meess]

I'm not sure why, but way you set the middleware seems a bit odd though and doesn't match the description of the documentation. For instance in the documentation the usage of the middelware and the handler are separated, i.e.:

app.post('/posts/*', basicAuth())
app.post('/posts', (c) => c.text('Created!', 201))

While you have them combined, so maybe it registers as middleware and not as handler (although it uses a different method I would expect it to still not match your get request). But worth a try:

blogRoutes.put("/blog/:id", authMiddleWare)
blogRoutes.put("/blog/:id", async (c) => {
    ....
}