- However, having redundant pages often leads to inconsistency and other problems.
2. Use view engine to enable having if-else conditions on 1 page
- This is the option I take for this project.
- You need to get familiar with the view engine. I use pug(https://pugjs.org/api/getting-started.html) on this project.
- You can convert your existing html page to pug using this website: https://html-to-pug.com/. I have tried it to convert index.html(https://gitlab.com/Cholgrrr/m4labplatform/-/blob/sso/vcm/index.html) to index.pug(https://gitlab.com/Cholgrrr/m4labplatform/-/blob/sso/vcm/index.pug) and it works.
- Example on this project:
define the route on server.js:
- You need to get familiar with the view engine. I use [pug](https://pugjs.org/api/getting-started.html) on this project.
- You can convert your existing html page to pug using this website: https://html-to-pug.com/. I have tried it to convert [index.html](https://gitlab.com/Cholgrrr/m4labplatform/-/blob/sso/vcm/index.html) to [index.pug](https://gitlab.com/Cholgrrr/m4labplatform/-/blob/sso/vcm/index.pug) and it works.
- Example on this project, define the route on `server.js`:
```
app.get('/index', function (req, res) {
if (req.isAuthenticated()) {
res.render('index', {
...
...
@@ -22,16 +22,21 @@ There are 2 options:
})
}
})
then use the userLogin parameter in the if-else condition on index.pug:
```
then use the `userLogin` parameter in the if-else condition on index.pug:
If you choose option 1 and want to prevent users to directly access an html, you can try to redirect them to any page you want just like the following: