expand/chatapp
1
0
Fork 0
mirror of https://github.com/Expand-sys/chatapp synced 2026-03-22 12:27:10 +11:00
Code Issues Projects Releases Packages Wiki Activity Actions

okay this config works as i have it deployed

Browse source
This commit is contained in:
Expand-sys 2021-09-30 21:21:47 +10:00
parent 0e0edcfbb1
commit 137cd2e02b
4 changed files with 30 additions and 80 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
index.js
View file

@ -5,18 +5,17 @@ const http = require("http");
const server = http.createServer(app); const server = http.createServer(app);
const io = require("socket.io")(server, { const io = require("socket.io")(server, {
cors: { cors: {
origin: "https://ewebglobal.com.au", origin: "https://example.com",
methods: ["GET", "POST"], methods: ["GET", "POST"],
}, },
}); });
const { Client, Intents, Collection, ThreadManager } = require("discord.js"); const { Client, Intents, Collection, ThreadManager } = require("discord.js");
const dotenv = require("dotenv"); const dotenv = require("dotenv");
const uuid = require("uuid"); const uuid = require("uuid");
const port = process.env.PORT || 3000; const port = process.env.PORT || 40091;
const fs = require("fs"); const fs = require("fs");
dotenv.config(); dotenv.config();
app.use(express.static("public"));
const client = new Client({ const client = new Client({
intents: [ intents: [
Intents.FLAGS.GUILDS, Intents.FLAGS.GUILDS,
@ -74,10 +73,6 @@ client.once("ready", async () => {
}); });
}); });
app.get("/", (req, res) => {
res.sendFile(__dirname + "/public/index.html");
});
server.listen(port, () => { server.listen(port, () => {
console.log(`Socket.IO server running at http://localhost:${port}/`); console.log(`Socket.IO server running at http://localhost:${port}/`);
}); });

11
public/client.js
View file

@ -1,4 +1,10 @@
var socket = io(); var socket = io("", {
cors: {
origin: "https://example.com",
methods: ["GET", "POST"],
},
transports: ["polling"],
});
var messages = document.getElementById("messages"); var messages = document.getElementById("messages");
var form = document.getElementById("form"); var form = document.getElementById("form");
@ -25,10 +31,8 @@ form.addEventListener(
socket.on("reply", function (msg) { socket.on("reply", function (msg) {
var item = document.createElement("div"); var item = document.createElement("div");
item.classList.add("message"); item.classList.add("message");
item.classList.add("messages-content");
item.textContent = `EWEB: ${msg}`; item.textContent = `EWEB: ${msg}`;
messages.appendChild(item); messages.appendChild(item);
window.scrollTo(0, document.body.scrollHeight);
}); });
socket.on("chat message", function (msg) { socket.on("chat message", function (msg) {
var item = document.createElement("div"); var item = document.createElement("div");
@ -36,5 +40,4 @@ socket.on("chat message", function (msg) {
item.classList.add("message"); item.classList.add("message");
item.textContent = `You: ${msg}`; item.textContent = `You: ${msg}`;
messages.appendChild(item); messages.appendChild(item);
window.scrollTo(0, document.body.scrollHeight);
}); });

3
public/css.css
View file

@ -60,6 +60,7 @@
} }
.message { .message {
color: black;
clear: both; clear: both;
float: left; float: left;
padding: 6px 10px 7px; padding: 6px 10px 7px;
@ -68,7 +69,7 @@
margin: 8px 0; margin: 8px 0;
font-size: 14px; font-size: 14px;
line-height: 1.4; line-height: 1.4;
margin-left: 35px; margin-left: 5px;
position: relative; position: relative;
border: 1px solid #ccc; border: 1px solid #ccc;
/* text-shadow: 0 1px 1px rgb(0 0 0 / 20%); */ /* text-shadow: 0 1px 1px rgb(0 0 0 / 20%); */

55
public/index.html
View file

@ -1,68 +1,19 @@
<!DOCTYPE html>
<html>
<head>
<title>Socket.IO chat</title>
<link rel="stylesheet" href="css.css" type="text/css" />
</head>
<body>
<section class="avenue-messenger"> <section class="avenue-messenger">
<div class="chat"> <div class="chat">
<div class="chat-title"> <div class="chat-title">
<h1>EWEB Chat</h1> <h3 style="color: black;">EWEB Chat</h3>
</div> </div>
<div class="messages"> <div class="messages">
<div id="messages" class="messages-content"></div> <div id="messages" class="messages-content"></div>
</div> </div>
<form id="form" class="message-box" action=""> <form id="form" class="message-box" onsubmit="return false;">
<input <input
id="input" id="input"
type="text" type="text"
class="message-input" class="message-input"
placeholder="Type message..." placeholder="Type message..."
/> />
<button type="submit" class="message-submit">Send</button> <button id="submit" type="submit" class="message-submit">Send</button>
<!--<button class="message-submit">Send</button>-->
</form> </form>
</div> </div>
</section> </section>
<script src="/socket.io/socket.io.js"></script>
<script>
var socket = io();
var messages = document.getElementById("messages");
var form = document.getElementById("form");
var input = document.getElementById("input");
form.addEventListener("submit", function (e) {
e.preventDefault();
if (input.value) {
var item = document.createElement("div");
socket.emit("chat message", input.value);
item.classList.add("messages-content");
item.classList.add("message-personal");
item.textContent = `You: ${input.value}`;
messages.appendChild(item);
input.value = "";
}
});
socket.on("reply", function (msg) {
var item = document.createElement("div");
item.classList.add("message");
item.classList.add("messages-content");
item.textContent = `EWEB: ${msg}`;
messages.appendChild(item);
window.scrollTo(0, document.body.scrollHeight);
});
socket.on("chat message", function (msg) {
var item = document.createElement("div");
item.classList.add("message-personal");
item.classList.add("messages-content");
item.textContent = `You: ${msg}`;
messages.appendChild(item);
window.scrollTo(0, document.body.scrollHeight);
});
</script>
</body>
</html>