明示的に認証した後にHTMLでCSSを提供する

Question

問題：HTMLファイルを条件付きで送信する必要があります（認証が成功した後）。これは正常に動作しますが、CSSを送信しません。 これは静的なファイルとして提供したくないのは、前述のように、認証されたユーザーだけのためです。

だから私はこのHTMLファイルを誰にでも公開することなくCSSをどのように送信するのですか？

私は一般的なミドルウェアを使用することはできません。なぜなら、認証が必要ないパブリックなファイルがあるからです。だから、各リクエストでトークンをチェックするミドルウェアがあれば、それは壊れてしまうでしょうか？

app.get("/admin/", (req, res) => { 
    let token = req.cookies.sessionToken; 

    fetch("https://authenticationAPI/admin/", { 
     headers:{ 
      Authorization: token 
     } 
    }).then(response => { 
     if (response.status === 200) { 

      res.sendFile("index.html", { root: "./admin" }, (err) => { 
       if (err) console.log(err); 
       res.end(); 
      }); 

     } else { 
      res.send("Sorry, you're not an admin!"); 
      res.end() 
     } 
    }).catch(err => { 
     res.redirect("Sorry, something went wrong there!"); 
    }); 
}); 

Answer 1

あなたは、独自のミドルウェアにあなたの認証ロジックを抽出し、ユーザーが認証されている場合のみ、その上の次の呼び出し、またはそれ以外の場合は401を返すことによって、すべてのリソースを保護することができます。

//Add your auth middleware before all your routes 
app.use(function(req, res, next){ 
    let token = req.cookies.sessionToken; 
    fetch("https://authenticationAPI/admin/", { 
     headers:{ 
      Authorization: token 
     } 
    }).then(response => { 
     if (response.status === 200) { 
      return next(); //allow them to go to the next route/middleware if they are authenticated 

     } else { 
      res.send("Sorry, you're not an admin!"); 
      res.end(); 
     } 
    }).catch(err => { 
     res.redirect("Sorry, something went wrong there!"); 
    }); 
}); 


//Everything form this point is protected 
app.use(express.static("path/to/css/directory")); //route to your css 
app.get("/admin/", (req, res) => { 
    res.sendFile("index.html", { root: "./admin" }, (err) => { 
     if (err) console.log(err); 
     res.end(); 
    }); 
});