I wanted something fun to do in the weekend! Since, many people on dev twitter are building bots, I started this as a starting point.
This is how it looks - my name with follower count:
In this blogpost, I have listed one way of doing this. You'll find many other ways too!
Tech stack for this pet project
- Node.js
- twitter-lite (npm package)
- Vercel (for hosting)
- cron-job (free cron service to automate the update)
Pre-requisites
- You must have an approved twitter developer account, and have activated the developer portal where you can create new app.
- You get all your access tokens and API keys here and also a bearer token.
Step 1:
To write the code first.
We will be using twitter-lite, there are other packages as well that wrap the twitter API. First step is to create a twitter client that would fetch and send twitter data.
const Twitter = require('twitter-lite');
const twitterClient = new Twitter({
subdomain: "api", // we are using twitter api
version: "1.1", // twitter api version 1.1
consumer_key: process.env.API_KEY,
consumer_secret: process.env.API_SECRET,
access_token_key: process.env.ACCESS_TOKEN,
access_token_secret: process.env.ACCESS_TOKEN_SECRET
});
Don't forget to add these environment variable when deploying on vercel.
The logic comes here:
const name = 'Divyajyoti👩💻JS';
module.exports = (req, res) => {
let httpResponse = res;
twitterClient.get('account/verify_credentials')
.then((res) => {
if(!res){
httpResponse.status(500).send("Error fetching Twitter Client");
}
const followerCount = res.followers_count;
const userName = `${name}|${followerCount}`;
return userName;
})
.then((user_name) => {
const response = twitterClient.post("account/update_profile", { name: user_name });
response.then((res) => {
if(!res){
httpResponse.status(500).send("Update error");
}else{
httpResponse.status(200).send(`Update ${user_name} Success!`);
}
})
.catch((err) => {
httpResponse.status(500).send(err);
});
})
.catch((err) => {
httpResponse.status(500).send(err);
});
};
It's my habit to add all these checks, you can avoid if you want but it helps in debugging.
If you want the number emojis as well, just create an object mapping and append.
The reason I used
module.exports = (req, res) => {}
is because Vercel Serverless functions demand it. Keep the file in /api
folder, for vercel to identify it as lambda function.
So, it would look like we have created an API endpoint that will do the dynamic updating.
Step 2:
If you have done this correctly, rest all is easy job. I would suggest uploading your project on Github. Vercel is easy to use if you have Git integration.
Import the project using github repo url, add the environment vars and deploy it!
Open the url provided by vercel. If /api is not formed add /api/ if not index.js
Now go to Function logs and select the your function from dropdown. You'll see your api logs here.
Visit the url and see what message comes in the body. If it's successful, you'll see the change in your twitter account as well.
Step 3:
Now to update it with cron service. You don't need to manually hit the api to update change, cron will do the job for you.
Go to cron-job and create an account. Create your first cron job, give your Vercel api url, specify the time interval to make your requests that will automatically run the function and update your twitter name.
Your job is done here!
You can comment if you get stuck or have any questions!
I referred these articles:
- dev.to/code_rams/twitter-dynamic-name-gener.. by @code_rams
- dev.to/radnerus/twitter-api-is-followers-co.. by @radnerus93