Cover photo by Christopher Robin Ebbinghaus on Unsplash
You can install web-hmm via the node package manager.
npm install web-hmm
You want to import it
const app = require('web-hmm').createApp();
Create some handlers, i'm using C.R.U.D.
POST new blog post
app.methods.POST('/api/posts', (req, res) => {
var data = '';
req.on('data', chunk => {
data += chunk;
});
req.on('end', () => {
let post = JSON.parse(data);
post.date = Date(Date.now).toString();
// Database stuff
res.sendJSON(JSON.stringify(post));
res.end();
});
});
GET every post (limit = 5)
app.methods.GET('/api/posts', (req, res) => {
// Database stuff
let posts = [];
let makePost = (n) => ({
author: `LukasDoesDev`,
title: `web-hmm is CRAZY ${n}`,
content: `This is example content #${n}!`,
});
[1, 2, 3, 4, 5].forEach((n, i) => posts.push(makePost(n)));
res.sendJSON(JSON.stringify(posts));
res.end();
});
GET a specified post
app.methods.GET('/api/post/:id', (req, res) => {
let id = req.params.id.value;
// Database stuff
var post = {
author: `LukasDoesDev`,
title: `web-hmm is CRAZY ${id}`,
content: `This is example content #${id}!`,
};
res.sendJSON(JSON.stringify(post));
res.end();
});
PATCH a specified post
app.methods.PATCH('/api/post/:id', (req, res) => {
let id = req.params.id.value;
var data = '';
req.on('data', chunk => {
data += chunk;
});
req.on('end', () => {
let post = JSON.parse(data);
// Database stuff
var postExample = {
author: 'LukasDoesDev',
title: 'web-hmm is CRAZY',
content: 'This is example content!'
};
var updatedPost = {...postExample, ...post}
updatedP
ost.date = Date(Date.now).toString();
res.sendJSON(JSON.stringify(updatedPost));
res.end();
});
})
You can also serve static files or make "middleware"
app.middleware.use(
app.middleware.predefined.static(
'./public/react', // filesystem path
'/react' // http route
), 'STATIC_SERVE' // optional name for middleware debugging
);
// Add this middleware before routing methods or the static file serve method
app.middleware.use((req, res) => {
// todo
console.log(` || Request Type: ${req.method}`);
console.log(` || Request URL: ${req.url}`);
console.log(` || Date & Time: ${new Date(Date.now()).toString()}`);
next(); // Pass on for next middleware to use
}, 'LOGGING_MIDDLEWARE');
Create the server and start listening for requests
app.createServer();
let port = process.env.PORT || 3000
app.listen(port, () => console.log(`App listening on port ${port}`));
Final output: Github Gist
And now you should be able to hack this to anything you want!
Change in your own database, serve a front-end, etc.
Top comments (2)
This is very good!
Thanks :)