Overwatch Statsbot

2016-08-11

get-good.gif

It's hiiiiigh noon.

Inspired by the ultimate ability of Overwatch's favorite shooty cowboy person, I made a Discord bot that posts competitive ranks for you and all your Discord friends into your server every day at hiiiiigh noon. This way, you can have fun conversations with your friends about how objectively terrible Adam is at Overwatch. Zupah! (loljk, we all know that support mains get shafted in competitive)

Here's what a sample post looks like:

Sample post from the Overwatch Statsbot
I'm notajetski#1447. Fine, laugh at my mediocrity.

Add the Overwatch Statsbot to your Discord server

You can add the Overwatch Statsbot to your discord server here.

To get started, just yell at it in a channel - something like:

@statsbot how do i get better at overwatch

It probably won't be able to help you with that, but it can help you start tracking some players!

Implementation deets

The main question I usually get is: how does it work?

You see, if Blizzard had 100+ people working on Overwatch, then they probably would have exposed some kind of Blizzard API so that players could pull down this information in some kind of sane way. But they have, like, two dozen people working on it. And they're all busy making new characters and maps and stuff. And probably "playtesting". So we have to figure out a different method.

Thankfully, all of this data is already exposed via playoverwatch.com. Check out my Overwatch career page - it lists a ton of data, including eliminations, playtime, and most importantly, competitive rank (it's that ~2000ish number at the top there).

This means that we can use web scraping to pull down the data!

Legitimacy aside, web scraping (in an automated, headless way) can be stupid hard sometimes. In the age of single-page apps, pages usually require some obfuscated JavaScript calls to a backend in order to get data to display on the page. We'd first have to load the data into a headless browser, then make sure the JavaScript gets executed - this can be a lot harder than it sounds, but it's totally possible using jsdom (muh fav) or PhantomJS.

Turns out that Blizzard builds the entirety of the page's HTML server-side, so no single-page app scraping hackery needs to happen here! (You can see the full HTML for my career page here.) We make a request to the career page, and the server puts together a bunch of HTML before sending it back out over the wire. Once we get the HTML, we can just parse it using cheerio (cheers luv) and pull out the competitive rank information that we need.

Fun fact - this is the way that all of the Overwatch stats sites get their data, including Master Overwatch!

Overwatch Statsbot runs on my development server, hosted by DigitalOcean. foreverjs generally handles any crashes (server reboots notwithstanding). Database is Postgres, hosted by Heroku. Connection to Discord is handled by discord.js.

What's this Overwatch thing you keep talking about?

If you're not totally sure what Overwatch is, you should probably watch this.

High noon intensifies