w33ble/express-verbose-requests
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Compare commits

base: w33ble:main
Branches Tags
w33ble:main
..
compare: w33ble:f19e9fe356a9206699272ba4865cc83f42fb560b
Branches Tags
w33ble:main

1 Commits
main ... f19e9fe356

Author SHA1 Message Date
Joe Fleming
f19e9fe356 feat: verbose request output 2021-07-23 15:35:34 -07:00
3 changed files with 0 additions and 74 deletions
Expand all files Collapse all files

12
README.md
View File

@@ -1,12 +0,0 @@
# express-verbose-requests
Simple node [express](expressjs.com/) server that logs and returns details about requests.
Also serves up a simple HTML form when you hit `GET /form`.
## Usage
```sh
yarn
node .
```

52
public/index.html
View File

@@ -1,52 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
rel="stylesheet"
href="https://raw.githubusercontent.com/jgthms/minireset.css/master/minireset.min.css"
/>
<title>Request Demo</title>
</head>
<body>
<h1>Request Demo</h1>
<h2>Basic POST Form</h2>
<form id="post-form" method="POST" target="/">
<input name="field" />
<button type="submit">Submit</button>
</form>
<h2>Basic AJAX Form</h2>
<form id="ajax-form" method="POST" target="/">
<input name="field" />
<button type="submit">Submit</button>
</form>
<script>
async function submitForm(evt) {
// stop default form behavior
evt.preventDefault();
const target = evt.target;
const input = target.querySelector("input").value;
await fetch("/form", {
method: "POST",
body: JSON.stringify({ input }),
headers: {
"Content-Type": "application/json",
},
});
alert("Submitted!")
}
const form = document
.querySelector("#ajax-form")
.addEventListener("submit", submitForm, false);
</script>
</body>
</html>

10
src/index.js
View File

@@ -1,6 +1,5 @@
const express = require('express'); const express = require('express');
const cors = require('cors'); const cors = require('cors');
const fs = require('fs/promises');
const PORT = process.env.PORT || 8080; const PORT = process.env.PORT || 8080;
@@ -10,18 +9,9 @@ app.use(cors());
app.use(express.json()); app.use(express.json());
app.use(express.urlencoded({ extended: false })); app.use(express.urlencoded({ extended: false }));
app.get('/form', async (req, res) => {
const html = await fs.readFile('public/index.html');
res.setHeader('Content-Type', 'text/html');
res.send(html);
res.end();
});
app.use(function (req, res) { app.use(function (req, res) {
const info = { const info = {
method: req.method, method: req.method,
url: req.url,
headers: req.headers, headers: req.headers,
body: req.body, body: req.body,
}; };