vinchent/udemy-go-microservices
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add frontend to test broker+auth

Browse Source
This commit is contained in:
vinchent
2024-08-28 21:51:51 +02:00
parent 9edb249430
commit b8417c47b9
3 changed files with 36 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
front-end/cmd/web/templates/test.page.gohtml
View File

@ -8,6 +8,7 @@
<hr>
<a id="brokerBtn" class="btn btn-outline-secondary" href="javascript:void(0);">Test Broker</a>
<a id="authBrokerBtn" class="btn btn-outline-secondary" href="javascript:void(0);">Test Auth</a>
<div id="output" class="mt-5" style="outline: 1px solid silver; padding: 2em;">
<span class="text-muted">Output shows here...</span>
@ -34,6 +35,7 @@
{{define "js"}}
<script>
let brokerBtn = document.getElementById("brokerBtn");
let authBrokerBtn = document.getElementById("authBrokerBtn");
let output = document.getElementById("output");
let sent = document.getElementById("payload");
let received = document.getElementById("received");
@ -57,5 +59,37 @@
output.innerHTML += "<br><br>Error: " + error;
});
});
authBrokerBtn.addEventListener("click", () => {
const payload = {
action: "auth",
auth: {
email: "admin@example.com",
password: "verysecret",
}
};
const headers = new Headers();
headers.append("Content-Type", "application/json");
const body = {
method: 'POST',
body: JSON.stringify(payload),
headers: headers,
}
fetch("http:\/\/localhost:8080/handle", body)
.then((response) => response.json())
.then((data) => {
sent.innerHTML = JSON.stringify(payload, undefined, 4);
received.innerHTML = JSON.stringify(data, undefined, 4);
if (data.error) {
console.log(data.message);
output.innerHTML += `<br><strong>Error:</strong>: ${data.message}`;
} else {
output.innerHTML += `<br><strong>Response from broker service</strong>: ${data.message}`;
}
})
.catch((error) => {
output.innerHTML += "<br><br>Error: " + error;
});
});
</script>
{{end}}