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 io = require("socket.io")(server, {
cors: {
origin: "https://ewebglobal.com.au",
origin: "https://example.com",
methods: ["GET", "POST"],
},
});
const { Client, Intents, Collection, ThreadManager } = require("discord.js");
const dotenv = require("dotenv");
const uuid = require("uuid");
const port = process.env.PORT || 3000;
const port = process.env.PORT || 40091;
const fs = require("fs");
dotenv.config();
app.use(express.static("public"));
const client = new Client({
intents: [
Intents.FLAGS.GUILDS,
@ -74,10 +73,6 @@ client.once("ready", async () => {
});
});
app.get("/", (req, res) => {
res.sendFile(__dirname + "/public/index.html");
});
server.listen(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 form = document.getElementById("form");
@ -25,10 +31,8 @@ form.addEventListener(
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");
@ -36,5 +40,4 @@ socket.on("chat message", function (msg) {
item.classList.add("message");
item.textContent = `You: ${msg}`;
messages.appendChild(item);
window.scrollTo(0, document.body.scrollHeight);
});

3
public/css.css
View file

@ -60,6 +60,7 @@
}
.message {
color: black;
clear: both;
float: left;
padding: 6px 10px 7px;
@ -68,7 +69,7 @@
margin: 8px 0;
font-size: 14px;
line-height: 1.4;
margin-left: 35px;
margin-left: 5px;
position: relative;
border: 1px solid #ccc;
/* 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">
<div class="chat">
<div class="chat-title">
<h1>EWEB Chat</h1>
<h3 style="color: black;">EWEB Chat</h3>
</div>
<div class="messages">
<div id="messages" class="messages-content"></div>
</div>
<form id="form" class="message-box" action="">
<form id="form" class="message-box" onsubmit="return false;">
<input
id="input"
type="text"
class="message-input"
placeholder="Type message..."
/>
<button type="submit" class="message-submit">Send</button>
<!--<button class="message-submit">Send</button>-->
<button id="submit" type="submit" class="message-submit">Send</button>
</form>
</div>
</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>