Aplikasi Absensi Sederhana Menggunakan Telegram Bot, dan Express JS

Photo by Marvin Meyer on Unsplash

Berawal dari butuh develop cepet akhirnya saya membuat aplikasi yang hanya menggunakan backend aja, karena frontend nya sudah pasti tidak akan ke kejar. Terus di tambah lagi ilmu dalam frontend aku cukup ketinggalan jaman masih menggunakan html, css, bootstrap, jquery dan javascript. Belum terlalu mahir dengan framework frontend yang modern seperti Angular, React, atau Vue. Karena fokus saya hanya dibackend saja hehehe.

Pada artikel kali ini saya akan berbagi tips bagaiman cara memanfaatkan aplikasi Telegram dan fitur Telegram Bot untuk diintegrasikan dengan aplikasi yang kita buat, Saya ambil contoh sederhana aplikasi absensi online.

Langkah pertama pastikan di smartphone kalian terinstall aplikasi Telegram nya. Lalu setelah itu cari di kolom pencarian BotFather

BotFather

Lalu klik BotFather nya dan isikan pesan /start maka BotFather akan membalas dengan beberapa command instruksi seperti pada gambar dibawah ini.

Start Bot Telegram

Setelah itu kita akan membuat bot dengan cara mengetikan /newboot

New Bot

Lalu ketikan nama bot yang akan kita buat sebagai contoh disini saya menggunakan nama bot attendanceapp_bot yang perlu di perhatikan setiap kita membuat bot akhiran namanya harus menggunakan kata _bot jika tidak menggunakan itu BotFather tidak akan menerima pembuatan bot kita.

Pembuatan Bot Ditolak

Pembuatan Bot Sukses

Setelah sukses maka bot akan merespon dan akan membalas pesan berisi sebuah token dari bot yang sudah kita buat tadi, simpan token untuk nanti kita gunakan ketika integrasi dengan aplikasi kita.

Let’s skuy to code — pertama buat folder contoh absensi bot lalu masuk ke terminal/cmd arahkan ke direktori folder yang kita buat tadi, Setelah itu inisiasi dulu projek kita dengan mengetikan perintah npm init di terminal kita

$ npm init

npm init

Setelah itu masih di terminal ketikan perintah berikut npm install express dotenv node-telegram-bot-api disini kita membuthkan package manager express, dotenv, dan node-telegram-bot-api untuk projek kita.

$ npm install express dotenv node-telegram-bot-api

Lalu buka teks editor sesuai selera anda dan buka folder absensi-bot dan lihat di dalamnya ada file bernama package.json hasil inisiasi awal dan package-package yang sudah kita install tadi

package.json

Edit file package.json di bagian scripts tambahkan satu baris code “start”: “node index.js”, seperti pada gambar di bawah ini

edit package.json

Buat file environment dengan nama file .env lalu isikan seperti ini
APP_PORT adalah port aplikasi kita TZ=seting time zone TELEGRAM_TOKEN untuk mengisi token bot telegram yang berhasil kita daftarkan tadi, contoh seperti pada gambar di bawah ini

APP_PORT=1000
TZ=Asia/Jakarta
TELEGRAM_TOKEN=8ashc89asyda8hd823h

Lanjut buat sebuah file bernama index.js lalu ikuti seperti pada contoh code dibawah ini

index.js

Mari kita testing aplikasi nya masuk ke terminal lalu ketikan npm start

$ npm start

npm start

Buka telegram kita dan masuk ke bot yang kita buat tadi dan kirim pesan seperti ini

/checkin | firman | Hadir | Work From Home | 11:00

sukes checkin

/checkout | firman | 11:00

sukses checkout

Tutorial ini hanya tutorial sederhana saja teman-teman bisa modifikasi dan koneksikan ke database, saya juga ada contoh untuk yang menggunakan database

firmanJS/attendance-using-express-via-bot-telegram

untuk tutorial lengkap tentang dokumentasi api telegram nya teman-teman bisa mengujungi situs ini https://core.telegram.org/

Yup segitu mungkin tips dan tutorial dari saya tentang menggunakan telegram untuk melakukan absensi sederhana tanpa database. semoga bermanfaa’at.