60 lines
1.5 KiB
JavaScript
60 lines
1.5 KiB
JavaScript
|
const express = require('express');
|
||
|
|
const path = require('path');
|
||
|
|
// use dotenv
|
||
|
|
require('dotenv').config();
|
||
|
|
|
||
|
|
const app = express();
|
||
|
|
const PORT = process.env.PORT || 3000;
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
// Serve static files like CSS and JS
|
||
|
|
// be careful with the path since we don't have auth
|
||
|
|
app.use('/static', express.static(path.join(__dirname, 'static')));
|
||
|
|
app.use('/html', express.static(path.join(__dirname, 'html')));
|
||
|
|
|
||
|
|
// Root route
|
||
|
|
app.get('/', (req, res) => {
|
||
|
|
// Send the index.html file, which features lazy loading
|
||
|
|
res.sendFile(path.join(__dirname, 'html', 'index.html'));
|
||
|
|
});
|
||
|
|
|
||
|
|
//verify jwt token or gateway signature
|
||
|
|
|
||
|
|
// Lazy-loaded content endpoint
|
||
|
|
app.get('/content', (req, res) => {
|
||
|
|
// Send the lazy-loaded content but server render it as html, perhaps use a template engine if needed
|
||
|
|
res.send('<h1>Welcome to the lazy-loaded content!</h1><p>This content was loaded dynamically.</p>');
|
||
|
|
});
|
||
|
|
|
||
|
|
// Login route, is this redundant? might be cuz we have a login.html file
|
||
|
|
app.get('/login', (req, res) => {
|
||
|
|
res.sendFile(path.join(__dirname, 'html', 'login.html'));
|
||
|
|
});
|
||
|
|
|
||
|
|
// Start the server
|
||
|
|
app.listen(PORT, () => {
|
||
|
|
console.log(`Server is running on http://localhost:${PORT}`);
|
||
|
|
});
|
||
|
|
|
||
|
|
// Directory structure suggestion:
|
||
|
|
// - static/
|
||
|
|
// - styles.css
|
||
|
|
// - html/
|
||
|
|
// - index.html
|
||
|
|
// - login.html
|
||
|
|
// - app.js
|
||
|
|
|
||
|
|
// static/styles.css content:
|
||
|
|
// #loader {
|
||
|
|
// font-size: 1.5em;
|
||
|
|
// text-align: center;
|
||
|
|
// margin-top: 20%;
|
||
|
|
// color: #555;
|
||
|
|
// }
|
||
|
|
// #content {
|
||
|
|
// font-family: Arial, sans-serif;
|
||
|
|
// margin: 20px;
|
||
|
|
// text-align: center;
|
||
|
|
// }
|