80 lines
2.3 KiB
HTML
80 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Simple</title>
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
|
|
crossorigin="anonymous">
|
|
</head>
|
|
<body>
|
|
<!-- a place to record messages -->
|
|
<div id="messages" class="container"></div>
|
|
<!-- load a script -->
|
|
<script type="module">
|
|
import { connect, StringCodec, credsAuthenticator } from '../esm/nats.js'
|
|
|
|
// add an entry to the document
|
|
function addEntry (s) {
|
|
const p = document.createElement('pre')
|
|
p.appendChild(document.createTextNode(s))
|
|
document.getElementById('messages').appendChild(p)
|
|
}
|
|
|
|
const sc = StringCodec()
|
|
|
|
async function testConnection (nc) {
|
|
addEntry('connected to NATS!')
|
|
|
|
// simple publisher
|
|
nc.publish('hello', sc.encode('nats'))
|
|
addEntry('published a message to `hello`')
|
|
|
|
// simple subscriber, if the message has a reply subject
|
|
// send a reply
|
|
const sub = await nc.subscribe('help');
|
|
(async () => {
|
|
addEntry('listening for request on `help`')
|
|
for await (const m of sub) {
|
|
m.respond(sc.encode(`I can help ${sc.decode(m.data)}`))
|
|
}
|
|
})().then()
|
|
|
|
// request data - requests only receive one message
|
|
// to receive multiple messages, create a subscription
|
|
addEntry('making a request to `help`')
|
|
const msg = await nc.request('help', sc.encode('nats request'))
|
|
|
|
addEntry(`got response '${sc.decode(msg.data)}'`)
|
|
|
|
// close the connection
|
|
nc.close()
|
|
addEntry('closed the connection')
|
|
}
|
|
|
|
|
|
async function init () {
|
|
// To connect to NGS you need a creds or jwt authenticator
|
|
// you can create one with nsc:
|
|
// nsc add operator -u synadia
|
|
// nsc add account myaccount
|
|
// nsc add user myuser
|
|
// nsc generate creds -a myaccount -n myuser -o ./myuser.creds
|
|
// fetch the creds
|
|
const creds = await fetch('./myuser.creds')
|
|
if (!creds.ok) {
|
|
addEntry("unable to find ./myuser.creds - aborting")
|
|
return;
|
|
}
|
|
const token = await creds.text()
|
|
const auth = credsAuthenticator(sc.encode(token))
|
|
// connect
|
|
let nc = await connect({ servers: 'wss://connect.ngs.global', authenticator: auth, debug: true })
|
|
await testConnection(nc)
|
|
await nc.closed
|
|
}
|
|
|
|
init()
|
|
</script>
|
|
</body>
|
|
</html>
|