Pindai kode QR dengan mudah menggunakan Telegram!
Repositori ini berisi kode @easyqrscanbot, aplikasi Telegram Mini untuk memindai kode QR.
Pastikan Anda telah memperbarui Aplikasi Telegram Anda, versi minimum API Telegram yang diperlukan adalah 6.9
.
@easyqrscanbot
di Telegram dan mulai obrolan pribadi.Scan QR
). Pemindai kode QR didukung pada klien ponsel pintar Telegram (Android dan iOS) dengan versi API Telegram lebih besar dari 6.9
. Sayangnya, pemindaian QR tidak tersedia di Klien Web Telegram. Namun, Anda masih dapat mengakses Aplikasi Mini di Klien Web dan meninjau riwayat pemindaian Anda.
Proyek ini berfungsi sebagai ilustrasi pembuatan Aplikasi Mini Telegram menggunakan kerangka JavaScript modern seperti Vue. Ini juga menunjukkan cara memanfaatkan fitur-fitur terbaru yang diperkenalkan di Telegram API versi 6.9, termasuk:
Proyek ini mewakili aplikasi Vue Front-End murni yang menggunakan Back-End Penyimpanan Cloud Telegram untuk menyimpan pindaian yang diperoleh.
Proses penerapan sepenuhnya otomatis menggunakan GitHub Actions. Dengan setiap dorongan ke cabang master
, Aplikasi Mini secara otomatis dibuat dan diterapkan ke situs Halaman GitHub terkait.
Akses Aplikasi Mini di sini: Tautan Aplikasi Mini.
Untuk memulai proyek ini, ikuti langkah-langkah berikut:
git clone https://github.com/MBoretto/easy-qr-scan-bot.git
cd easy-qr-scan-bot
npm install
npm run build
Untuk menjalankan kode linting, gunakan perintah berikut:
npm run lint
Selamat membuat kode!
Sebelum memulai, pastikan Anda memiliki Bot Telegram. Jika Anda belum memilikinya, Anda dapat membuatnya menggunakan panduan Telegram ini.
Jika Anda ingin menerapkan Aplikasi Mini Anda sendiri, ikuti langkah-langkah berikut:
Kloning repositori ini.
Aktifkan Halaman GitHub untuk repositori Anda dengan membuka Settings
-> Pages
-> Pilih GitHub Actions
sebagai sumbernya. GitHub akan secara otomatis menyebarkan Aplikasi Mini di Halaman GitHub yang terkait dengan repositori Anda.
Anda juga dapat memilih untuk menyebarkan Aplikasi Mini Anda menggunakan layanan hosting apa pun yang mendukung https://
.
Ini adalah cara termudah untuk memulai Aplikasi Mini, karena Anda hanya perlu mengonfigurasi Menu Bot Telegram sekali saja. Berikut langkah-langkah untuk menautkan Aplikasi Mini ke menu bot Anda:
/mybots
.Sekarang, Anda dapat memulai Aplikasi Mini Anda dari Menu Bot Telegram.
Metode ini berguna selama tahap pengembangan, memungkinkan Anda menentukan URL berbeda untuk Aplikasi Mini tanpa mengkonfigurasi ulang Menu Bot Telegram. Namun, ini memerlukan layanan bot Telegram yang berjalan. Ikuti langkah-langkah berikut:
pip3 install python-telegram-bot --upgrade
config-example.py
menjadi config.py
: mv config-example.py config.py
Edit file config.py
dan masukkan TOKEN
Bot Token Telegram Anda (Anda bisa mendapatkannya dari @Botfather), URL
, dan link URL_TEST
.
Jalankan skrip web-app-launcher.py
:
python3 web-app-launcher.py
/start
(untuk link produksi) atau /dev
(untuk link pengujian) ke bot.Sekarang, Anda dapat memulai dan menguji Aplikasi Mini Anda menggunakan tautan pengujian.
Telegram Cloud Storage adalah database nilai kunci yang dapat diakses dari klien Telegram mana pun. Ini memungkinkan Anda menyimpan hingga 1024
kunci per pengguna per bot, dengan setiap nilai memiliki batas 4096
karakter. Data dikaitkan dengan akun Telegram pengguna dan disimpan di seluruh perangkat. Setelah memindai kode QR, string mentah disimpan menggunakan stempel waktu sebagai kunci.
Aplikasi Mini memuat riwayat pemindaian lengkap saat startup dan menyimpannya secara lokal. Pemindaian selanjutnya disimpan di Telegram Cloud Storage dan secara lokal.
Data mentah yang diambil dimanipulasi untuk mengekstrak informasi sesuai dengan konten kode QR. Jenis konten kode QR yang didukung:
Di tab riwayat, perluas kode QR yang ingin Anda hapus dan tekan tombol Bin
. Tindakan ini menghapus kode QR dari Penyimpanan Cloud Telegram dan penyimpanan lokal. Aplikasi Mini tidak menyimpan data lain apa pun, dan tidak ada cookie yang digunakan.
Pemindai kode QR biasanya menutup setelah mengenali kode. Namun, Anda dapat mengaktifkan mode pemindaian berkelanjutan dengan menavigasi ke tab pengaturan dan menekan tombol Continuous Scan
. Untuk menonaktifkan mode pemindaian berkelanjutan, tekan kembali tombol tersebut. Anda dapat keluar dari mode berkelanjutan dengan menekan panah kiri atas.
Setelah berhasil memindai kode QR, perangkat akan bergetar untuk memberikan umpan balik.
Di bagian pengaturan Aplikasi Mini, Anda akan menemukan alat yang berguna untuk debugging dan pengembangan:
Sync Cloud Storage
: Ini menyinkronkan penyimpanan lokal Aplikasi Mini dengan Penyimpanan Cloud Telegram, setara dengan membuka dan menutup Aplikasi Mini.Enrich QR codes
: Memicu perhitungan kode QR mentah untuk semua pemindaian.Show debug
:Proyek ini menggunakan Vuetify, Perpustakaan Kerangka Komponen Vue.
Kode ini didistribusikan di bawah Lisensi MIT