Alternative embeddable front-end for your Discord server
This is a continuation of TN's chatutils, because it was such a great project
It was made private so we made this, a continuation that other people can use and contribute too!
Join our discord: https://discord.gg/xqtqzNZhVj
https://github.com/orgs/Chatutils/projects/1
Make private github:
-
Download the (Github repo)[https://github.com/Chatutils/Chatutils/archive/master.zip]
-
Create a private github repository and manually add the files you downloaded
Token:
-
Visit the (Discord Developer Portal)[https://discord.com/developers/applications], signin, and
press New Application
-
Set your application name to whatever you desire, this will not matter later
-
Once you are at the bot page, to the left you will see a button labelled
Bot
, click this and pressAdd Bot
to the right then pressYes, do it!
to confirm. Name it what you want your bot to be called -
Scroll down to the area where it says
Token Click to reveal token
and press the blueCopy
button below it -
In your piviate github open up the config.json
-
Inside config.json, remove the text that says
token-here
and in its place, paste from your clipboard as the copy button on the earlier page should have copied your token DO NOT SHARE THIS TOKEN
Email:
- In the config, replace
[email protected]
with a contact email
Role ID:
- Copy the the ID of a role that can setup the bot and put it in
admin-role-id-here
Channel ID:
- Now open dynamicData.json and replace
channel-id-here
with the channel id that you want to use for chatutils
Webhooks:
-
Go to the channel your going to use and click settings
-
Go to integrations, webhooks and create 3 webhooks. Copy the webhook urls and paste them into the 3 places for webhooks
Discord:
-
Now go to
/public/index.html
and go to line 26 and put a permanent discord invite there -
Now delete
/public/assets/logo.png
and upload your serer's logo
Application ID:
-
Save and go back to the (Discord Developer Portal)[https://discord.com/developers/applications] page and go to your bots
General Information
tab and and under theAPPLICATION ID
text it will show a series of numbers (eg. 923819283912931299) -
Once you have located this, press the blue
Copy
button below it -
Visit the invite URL generator for chatutils then paste from your clipboard your APPLICATION ID that you had just now copied into the input box that says
Application ID
then pressOK
-
A new link should have appeared on your screen if all was done correctly, click on this link and choose a server to invite your bot to
Deploy to heroku:
-
Now go to https://heroku.com/deploy?template=your-github-url-here/tree/main
-
It will ask to connect to your github, follow the steps
-
Now deploy
Congrats, you successfully setup Chatutils!
If it is not working try:
-
In the chatutils channel say
_setchannel
-
In the chatutils channel say
_setlogging
-
Just wait a bit
Developer Mode:
You need developer mode on to get any id
-
User Settings
-
Advanced
-
Toggle developer mode on
Channel ID:
-
Right click on channel
-
Press copy ID
Role ID:
-
Server Settings
-
Roles
-
Right click on role
-
Press Copy ID
_say message (ex: _say hello world!)
Bot Info:
Name and picture:
-
Visit the (Discord Developer Portal)[https://discord.com/developers/applications]
-
Click the button labelled
Bot
-
Change the bot name and picture to whatever you like
Playing Message:
-
Go to
server.js
-
Click edit and go to line 432
-
Edit name:'Alternative embeddable front-end...'} to something whatever you want, ex: name:'Chatutils!'}
Custom Emojis:
-
Go to
/public/assets/emojis.js
-
In the place you want your emoji put
['emoji_name','๐ป'],
-
The bottom emoji does not have a
,
Automatically Deploy:
This is very useful if your a dev who updates regularly
-
Go to
https://dashboard.heroku.com/apps/your-app-name/deploy/github
-
Search for your app
-
Connect the right one
-
Click
Enable Automatic Deploys
Everyone at TN
Divide
Pers0n-dev
EnderKingJ
MegaPixel