Skip to content

A Simple Rich Presence for Discord created in node.js

Notifications You must be signed in to change notification settings

2hexed/RiesRichPresence

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

RiesRichPresence

This was made for a friend named Rie but I suppose you all may use it.

Read below on how to get started.

Note: You're going to be needing to install node.js on your Windows/Mac.

Open config.json file in your favorite text editor ( eg. notepad )

  • If you do not wish to configure your presence fully, then you may configure these settings to directly start using it.
    • Client ID
    • Details or State ( Only if you want to display description for your presence )
    • Button ( Only if you require buttons on your presence )

1. Client ID

Note: If you haven't created a Application for your Rich Presence kindly check this out.

  • Head over to the Developer Portal, and click on your desired application that you wish to use for the Rich Presence.

  • After you click on your application you should be able to see a tab saying Application ID, right below that tab you should be able to see a Copy button, click on it and paste it in config.json file.

  • Remember, the name of your Application on Developer Portal will be named as your Rich Presence.

  • Attachment:

Copy Application ID

  • Your config.json file should look like this

config.json file

2. Setting up text on your RPC

This isn't the last step yet because some of you guys might want to also use images in your RPC ( Rich Presence Client ) but for the ones who only want texts on their RPC this must be the last step for you.

  • If you try and run the RPC after following the steps given above by typing node index.js on your command prompt, it show something familiar to the attachment given below.

  • Attachment:
    Simple RPC

1. Adding a state to your RPC

  • Open your config.json file and edit the state variable to whatever you want.

  • config.json:

    state variable

  • Attachment:
    Added state to your RPC

2. Adding a details to your RPC

  • Now the details variable, in your config.json file you will see a variable named state edit it to whatever you want, check the attachments given below.

  • config.json:

    Added details variable in config.json file

  • Your RPC will look like this:

    Added details variable

3. Adding Buttons to your RPC

  • We need two things for a button to get working, first is Button Label and a valid Link.

Note: The buttons will not work if you try to click on your desktop client, tell a friend to test it out if the button is working.

1. Setting up Button Label

  • Label is basically a button label text which can't be kept empty. Check attachments given below.

  • config.json:

    Added a label

2. Setting up Button Link

  • Link is basically a link or we can say a url to some other website, for test purposes I'm using https://discord.com/invite/xVxkMgMsuu you can change it to whatever you want. Attachment given below.

  • config.json:

    Added a link

  • After you're done setting up both of the things your button must show up on discord like the attachment given below.

  • Attachment:
    Added a Button

3. Adding Images

  • This might sound a bit hard for the ones who're new but trust me its not.

  • Lets set up some images first ( If you already have images setup on the Rich Presence Tab ignore this step and move on to the next one. )

  • Adding images to your Application

    • Head over to Developers Portal again and choose the application you want for your RPC and click on Rich Presence tab.

    • Refer to the Attachment below on how to add images.

    • Attachment: Adding images to your RPC

  • Using images in your RPC

    • Alright so in this last step of setting up images all you need to do is set the image name in your config.json file, refer to the attachment below.
  • For setting Large Image Icon/Small Image Icon and the text to show when mouse is hovered on it, refer to attachment below.

    • config.json:
      Large Image setup

    • Hovered text example 1:
      Hovered text example

    • Hovered text example 2:
      Hovered text example

    • Finally the last step, lauch your RPC, if you're on Mac/Linux run the launch-mac.sh file and if you're on Windows run the launch-windows.bat file.

Note: If your RPC doesn't show up images just make sure that they show up on your Rich Presence tab after adding the images.

4. Enjoy your RPC now :)

  • Your RPC should show something like this after you're done setting up everything:
    RPC

  • That was it I hope you found this useful and easy, if not or if I should improve this more, do let me know.

Support Me

About

A Simple Rich Presence for Discord created in node.js

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published