FiBadge

Visitor Badge untuk Website atau Github repository, dibuat dengan ❤ dan NodeJs oleh Saya.

Projek ini sangat mirip dengan projek visitor badge versi PHP saya sebelumnya, yaitu Visitor Badge.

Daftar Badge

Untuk saat ini badge yang sudah ada tersedia adalah:

• Visitor Badge
• Clones Badge

Visitor Badge

Demo Langsung:

Refresh halaman ini untuk melihat perubahan badge! Rute:

GET /badges/visitors/:username/:repo

• :username Username kamu (bebas, tapi disarankan menggunakan username Github)
• :repo Nama repositori, (babas, tapi disarankan menggunakan nama repo yang sudah ada di github-mu)

Query string:

Nama	Deskripsi
label	Untuk mengganti label default (VISITOR) dengan label lainnya, misalnya label=views atau label=pengunjung
color	Untuk mengubah warna background badge, misalnya color=red atau color=ff0000 (mendukung hex, rgb, rgba, hsl, hsla dan nama warna css)
style	Untuk mengubah gaya badge, untuk nilainnya kamu bisa lihat style yang disediakan shields.io, misal style=social, dll.
logo	Untuk menambahkan logo pada badge, misal logo=github, untuk daftar logo kamu bisa menggunakan logo yang disediakan oleh Simple Icons
token	Berisi Personal Access Token untuk menyamakan visitor asli dari repositori (mengambil data views dari Github API). Lihat Panduan Penggunaan Personal Access Token
type	Untuk mengubah Content Type badge (default: svg), misalnya type=png untuk mengganti ke Content Type png

Clones Badge

Rute:

GET /badges/clones/:username/:repo/:token

• :username Username Github-mu.
• :repo Nama repositori yang sudah ada di Github-mu.
• :token Personal Access Token. Lihat Panduan Penggunaan Personal Access Token

Query string:

Nama	Deskripsi
label	Untuk mengganti label default (VISITOR) dengan label lainnya, misalnya label=views atau label=pengunjung
color	Untuk mengubah warna background badge, misalnya color=red atau color=ff0000 (mendukung hex, rgb, rgba, hsl, hsla dan nama warna css)
style	Untuk mengubah gaya badge, untuk nilainnya kamu bisa lihat style yang disediakan shields.io, misal style=social, dll.
logo	Untuk menambahkan logo pada badge, misal logo=github, untuk daftar logo kamu bisa menggunakan logo yang disediakan oleh Simple Icons
type	Untuk mengubah Content Type badge (default: svg), misalnya type=png untuk mengganti ke Content Type png

Panduan Penggunaan Personal Access Token

Personal Access Token (Token Akses Pribadi) digunakan untuk meminta data ke Github API, seperti data views, clone, dll.

Bagaimana cara membuat Token?

Untuk membuat token pribadi, kamu bisa membaca dokumentasi dari Github, yaitu Creating a personal access token atau langsung mengikuti langkah-langkah berikut.

1. Verifikasi alamat email kamu, jika belum diverifikasi.
2. Di sudut kanan atas halaman, klik foto profil kamu, lalu klik Settings.
3. Lalu, di sidebar sebelah kiri, klik Developer settings.
4. Di sidebar sebelah kiri, klik Personal access tokens.
5. Klik Generate new token.
6. Berikan nama pada tokenmu dengan mengisi input Note.
7. Atur tanggal kadaluarsa.
8. Centang scope repo:public_repo, lalu klik Generate token
9. Salin token token yang telah dihasilkan, lalu gunakan sesuai pentunjuk querystring atau parameter pada badge-badge di atas.

Gambar langkah-langkah:

Terima Kasih

Terima kasih banyak untuk shields.io dan semua developer yang dependensi-nya digunakan di projek ini. 🙏🏻

Donasi

Terima kasih banyak atas dukungannya.