DEV Community: Qasim Ali

Get User Lead data in Slack using Slack Bots

Qasim Ali — Fri, 19 Mar 2021 17:03:13 +0000

We are going to build a bot that sends you messages in the Slack Channel. Slack is a cool future no-email place.

I am using slack to

Monitor client’s orders on my website.
Receive website visitors’ messages from Crisp in Slack.

Other use cases can be

Receive website downtime notifications
Receive meeting reminders
View your todo task lists and update them
Collect customer story and store it in Google Sheet. (as claimed by Slack)

But we are going to create a slack hook that sends messages to your slack channel. Let’s go !! 🔥

Step 1 : Create your Slack Bot API

Go to slack website api creator — click here
Click on Create New App
A popup appears. Here write your App Name and select your Development Work Space
Click Create App

Step 2 : Select `Bots` button

We are going to update the bottom 2 x boxes — Bots & Permissions
First Click on Bots box and it will take you to App Home page

Step 3 : Click on `Review Scopes to Add`

Step 4 : Add Bot Scopes

It will open OAuth & Permissions page
Click on Add an OAuth Scope under Scopes section and add following Scopes
channels:read, chat:write, groups:read, groups:write

Step 5 : Now Click on `Install to Workspace` at the top of your page

Step 6 : It will show you a pop up, Click `Allow`.

Step 7 : `Copy` your Bot User OAuth Access Token and save it for Step 9

Step 8 : Invite bot to your slack channel

Go to your Slack Channel where you want to receive notifications and write /invite @your_bot_name
You will see a response message was added to #channel by your_name like the one below

Step 9 : Make your endpoint on NoCodeAPI

Sign in to nocodeapi.com
Go to Marketplace and click on Slack Hooks API
Click on Make Slack Hooks API
On the side bar that just appeared > write your custom bot name > paste the access token you got in Step 7 > click on refresh list and > select your channel in slack

Step 10 : Send a message to your channel using playground

Open the playground by clicking on Use this API button located above your endpoint.

Try sending a text message or object message to your slack channel using inbuilt playground. Like the one below 👇

You should receive your message in your Slack channel like below

💌 Bonus Step 11 : Make your nodejs app

const axios = require("axios")

// highlight-start
const data = {
  name: "Mohd Danish",
  email: "info@nocodeapi.com",
  message: "I love this telegram hook API",
  other: "other value.",
}
// highlight-end

axios({
  method: "post",
  url: "<api_endpoint>", // highlight-line
  data: data,
})
  .then(function (response) {
    // handle success
    console.log(response)
  })
  .catch(function (error) {
    // handle error
    console.log(error)
  })

Copy above code in your nodejs playground and change the highlighted part.
data - you can send any size of json object.
<api_endpoint> - your slack nocode api endpoint. (It is listed on your nocodeapi dashboard).
npm start your app to see this message in your slack channel.

Video Tutorial

This is it

I hope you learnt to create your own slack bots. If you fall in trouble, don’t hesitate to contact us on our telegram channel at this link. We will be happy to help you out.

Give us a thumbs up (or follow) on twitter.

Thanks for the read. Happy Coding !! ✌️

How to get User leads in Google Sheet using NoCodeAPI and Divjoy

Qasim Ali — Wed, 17 Mar 2021 19:25:40 +0000

Disclaimer: This blog requires premium access to divjoy.com. You can buy your slot at a discounted price on https://divjoy.com/?promo=nocodeapi.

Let’s start building our app.

Requirements

NoCodeAPI Google Sheet or Airtable Endpoint
Divjoy Access

Step 1 : Link your data

Go to marketplace of nocodeapi.
Choose either airtable or google sheet to link your app data.

Setup Airtable : Go to Google Sheet API to link your sheet data with nocodeapi's endpoint

Setup Google Sheet : Go to Airtable API to link your airtable data with nocodeapi's endpoint

Step 2 : Select Divjoy layout

Go to the https://divjoy.com
Scroll down to Choose your stack
Go to More Options and under Contact Form chose Google Sheets

Go to Layouts and chose the first layout

Step 3 : Export your Code to CodeSandBox

After you chose your layout you will reach the Build your components page.
On the right top, click on Export Code button

You will need to buy divjoy's life time access bucket to extract your code. Use nocodeapi as promotion code to find discounted price. Or click here.
Make the payment to proceed further in tutorial.

Click on Export to </> CodeSandbox button
Divjoy will create your code and you can export it to CodeSandbox now.
Click on Open my CodeSandbox button to open your code in CodeSandbox.

Step 4 : Edit `.env` in CodeSandbox

You will see CodeSandBox playground loaded with divjoy project.

In the right side of your codesandbox you can see the browser in action. Go to the bottom of this browser and select Contact.

You can see the contact form. We are going to make two changes to .env file to make contact form functional.
On the left panel, find .env file and edit it.
add REACT_APP_SHEETS_ENDPOINT with your NoCodeAPI Google Sheet endpoint,

REACT_APP_SHEETS_TAB_ID with the Sheet Tab name,

& click Save.

Step 5 : Test your Contact Form

Fill in the details of your contact form and click submit
You should find a success message on top of your form. And the credentials should be uploading in your connected google sheet.

If it all worked — you have your Google Sheet integration functioning!

How ?

Divjoy has created a simple POST endpoint inside Utils folder > Contact.js file. Once you click the form submit button, a POST request is sent to NoCodeAPI’s URL containing array of submitted data. As soon as NoCodeAPI stores your message in Google Sheet it responds with Ok message. Divjoy reads the response and give you a Message submitted successfully message.

Video Tutorial

Watch this tutorial in action here. 👇

Some important links:

Find us on telegram

If you are facing any issues, contact us here on telegram. We will get you boarded.

Thank you for reading. Happy Coding!✌️

Easily make Airtable work like your website's database

Qasim Ali — Tue, 16 Mar 2021 16:45:38 +0000

Airtable is a great app to automate your workflow. You can keep your payment records, habit tracks, todos, estimations of your next project — all at one place. It is today's Excel. But unlike Excel, you can make airtable act like your database.

Key Issue :— Airtable API is hard to integrate, because it has limits on calls and advance level documentation. For example 👇

By default, every GET request has 60 seconds of caching which means that the first API call will come from a third party application API and other API calls under the next 60 seconds from the caching server.

Confusing ? It is ! Below is a work around to fetching airtable data to your website without getting into unnecessary details.

Step 1 : Get your Airtable API Key

Click here 👉 airtable.com/account to go to airtable account's page.
Click on Generate API Key under the API heading.
Click on password input field to pick your API Key.

Step 2 : Get your Airtable Base ID

Click here 👉 airtable/api · to go to airtable's API page.
Click on your airtable base (Base is your file name).
Copy your Base ID — It starts with letters app

Step 3 : Add this data to NoCodeAPI

Sign In to your nocodeapi dashboard.
Go to Marketplace
Activate your Airtable app
Click on “Make Airtable API”
Fill in API Key (from Step 1) and Base Id (from Step 2)
Press the “Create” button

Step 4 : Test if it is working Ok

Click on “Use this API” button just above your generated Api
Select “Get” on the overlay just appeared
Select “Click & Test API”
Enter your "tableName" — this is the sheet name of your airtable base

Press “Execute” to test it

You should get a 200 response with all rows in your airtable listed in JSON format.

You are done 😀

Through your airtable integration you can make GET, POST, PUT and DELETE requests to manage your database.

If finding something confusing, watch this video tutorial.

I hope you enjoyed this blog. You can contact us on telegram at nocodeapi.

Thank you. ✌️

Advanced Readers

Paid users can customise caching time. Pass cacheTime (in seconds) as query param with your api end point.

https://v1.nocodeapi.com/gitdansih/airtable/ePcgqeUWUNWgmPmN?cacheTime=900

Now your endpoint will be cached for 900 seconds(15 minutes).

Build telegram bot without code and receive notifications

Qasim Ali — Mon, 15 Mar 2021 14:22:54 +0000

You must have used telegram to chat with your friends, family or colleagues. But there is more to this awesome app. You can build your own ROBOTS with telegram. For example, you can keep yourself informed about upcoming movie launch, the blockbuster album release, your favorite show's next episode release alert, fetch summary of your workouts each night before bed or get an alert about your next phone's price drop. All of it at one place — inside your telegram app.

So.. why wait — let's build one!

Bonus Point:— Telegram bots are faster, easier, simpler than slack bots. I personally use telegram bots to monitor my website’s downtime.

Step 1: Get Bot Token

Search @botfather on telegram.
Click on addthis at the bottom of telegram channel.
Send /newbot command to make a new bot.
Give this bot a name.
Give this bot a username.

The bot will reply to you with a Bot Token Key. Save it because you will need it in Step 3.

Step 2: Start your Bot

Find your bot window in @botfather token message. It looks like this:— t.me/your_username. And tap on it.
It will take you to your bot chat window.
Click on /start at the bottom of your bot chat window.

Step 3 : Make your app on NoCodeAPI

Click on "Make Telegram Webhook API"
Give your webhook a "name"
Enter the "bot access token", @botfather gave you in telegram
Click "Refresh DropDown"
Select your "Chat ID"
Click "Create"

Step 4: Test if it is working

Your webhook is listed in your nocodeapi dashboard.
Click on "open playground"
You can see the URLs to send either a text message or an object message to your bot
Send a test message and it should show up in your telegram app.

Conclusion 😀

If it worked. It is good news. But if you are facing any issue — contact us here on telegram. We will get you boarded.

I am using telegram webhooks for:—

Netlify Build Notification
New Meeting booked on Calendly
New user on Stripe
Website Down/UP with Uptime Robot

Most services support hooks. You can use telegram app to receive notifications on your cell phone.

I hope it helped you in building your API. If you found it helpful, give us a follow on our Twitter channel at @nocodeapi. Thank you for reading. 👋

What is NoCodeAPI ?

Qasim Ali — Sun, 14 Mar 2021 12:59:32 +0000

NoCodeAPI is trying to bring the world of APIs under one roof. One place where we can manage our everyday apps like google sheets, airtable, stripe, gumroad and many more. (Click here to explore our marketplace). Our workflow is simple 👇

Find your app in our market place.
Get your api key from the app's official website.
Create your nocodeapi URL.
Use the nocodeapi URL to manage your app.

For example

To pull a small row from your google sheet should not be difficult. But, with current lengthy Google's Documentation – it is confusing. With NoCodeAPI, we only need our sheet's Id that is inside the sheet's URL. And in 1 click we can have our own Google Sheet endpoint (GET, POST, PUT, DELETE). Fun is when we do not have to ever read any 3rd party app's documentation and in fewest click we can manage our app.

These apps are integrated in a similar style. If we learn to use Google-NoCodeAPI integration. We can use this knowledge to build our Stripe App to list our charges, manage airtable or build a telegram bot in exactly similar style.

It is not only easy. But also lets us bypass limits. Like, Airtable has a limit of calls we can make to fetch our data. But using NoCodeAPI, these calls are cached and we save a chunk of our bucket on repeated calls.

Features of choice

⏲️ Bypass Limits — we cache your requests to let you skip maximum limits

👊 Hassle Free — You do not waste time

🤯 No Server Headache — You can send a simple ajax request to fetch all the data

⚡ Fast — Because there is no need to write server side code, you will save a ton of time focusing on Front-end only

🔑 Secure — Your calls are secure to make.

✳️ Logs — We are offering Logs to your all calls. It helps if you lost an important endpoint.

🧮 Track your API limits — To make sure you are in control of your requets, your api calls history is available inside your dashboard

🖱️ Click & Click -> API ready

📜 Mini Documentation — Each application has focused and to the point documentation.

Our Popular Integrations

Google Sheet · Google Analytics · Instagram Feed · Youtube · Airtable · Goodreads · Zoho Mail · AWS S3 · Vimeo · Wordpress · Mailgun · MailChimp · Webflow · Pocket · Spotify · Calendly · Stripe · Twitter · Cloudinary · Telegram · Ghost · Medium · Slack · Open Weather · Uptime Robot · Github and more are coming every week.

Our Road Map

You can track our progress on our new roadmap page Roadmap & also you can submit your API integration request or any feature suggestions.

Looking ahead !

We hope NoCodeAPI helps you save time and money. We are building a ton of new features which we are excited about.
You can find us on twitter. Happy Coding.

DEV Community: Qasim Ali

Get User Lead data in Slack using Slack Bots

Step 1 : Create your Slack Bot API

Step 2 : Select Bots button

Step 3 : Click on Review Scopes to Add

Step 4 : Add Bot Scopes

Step 5 : Now Click on Install to Workspace at the top of your page

Step 6 : It will show you a pop up, Click Allow.

Step 7 : Copy your Bot User OAuth Access Token and save it for Step 9

Step 8 : Invite bot to your slack channel

Step 9 : Make your endpoint on NoCodeAPI

Step 10 : Send a message to your channel using playground

💌 Bonus Step 11 : Make your nodejs app

Video Tutorial

This is it

How to get User leads in Google Sheet using NoCodeAPI and Divjoy

Requirements

Step 1 : Link your data

Step 2 : Select Divjoy layout

Step 3 : Export your Code to CodeSandBox

Step 4 : Edit .env in CodeSandbox

Step 5 : Test your Contact Form

How ?

Video Tutorial

Some important links:

Find us on telegram

Easily make Airtable work like your website's database

Step 1 : Get your Airtable API Key

Step 2 : Get your Airtable Base ID

Step 3 : Add this data to NoCodeAPI

Step 4 : Test if it is working Ok

You are done 😀

Advanced Readers

Build telegram bot without code and receive notifications

Step 1: Get Bot Token

Step 2: Start your Bot

Step 3 : Make your app on NoCodeAPI

Step 4: Test if it is working

Conclusion 😀

What is NoCodeAPI ?

For example

Features of choice

Our Popular Integrations

Our Road Map

Looking ahead !

Step 2 : Select `Bots` button

Step 3 : Click on `Review Scopes to Add`

Step 5 : Now Click on `Install to Workspace` at the top of your page

Step 6 : It will show you a pop up, Click `Allow`.

Step 7 : `Copy` your Bot User OAuth Access Token and save it for Step 9

Step 4 : Edit `.env` in CodeSandbox