Tutorial Tracking Error API di Express NodeJS secara Online

Tutorial sederhana error tracking pada Express JS dengan Sentry

Hella fellas! Pada tutorial kali ini gue mau berbagi insight mengenai cara tracking error API di Express Node JS. Gue pernah nulis tutorial tentang cara menulis offline log dengan library winston, https://medium.com/@kiddy.xyz/tutorial-offline-log-di-node-js-express-dengan-library-winston-b02045634395.

Nah apa bedanya dengan tutorial kali ini? Kalau kita menggunakan winston, maka ia akan menulis offline log. Namun kali ini berbeda, kita akan menggunakan layanan pihak ketiga yaitu sentry.io yang akan menjadi media untuk menuliskan error yang kita dapatkan.

Okay gue ngga akan bahas mengenai cara register, jadi gue anggap kalian sudah register disana. Ohiya, sentry.io ini bisa gratis loh, tapi ya pasti ada batasannya, yang penting gratis tis tis tis tis!

Pertama daftar dulu di sentry.io

Oke gini tampilan kalau kalian udah masuk kedalem, sekarang kita buat new project.

Nah tech stack yang disediakan sama si sentry.io tuh lengkap banget tech untuk browser, server, mobile hingga desktop loh! Canggih banget deh pokoknya.

Karena kita sekarang sedang membahas express maka pilih Express. Setelah itu akan tertulis Project name, bisa kalian ganti dan juga kalian bisa memilih tim yang akan masuk ke projek tersebut. Kalo saya sih bikin tim baru.

Nah kalo udah klik create team.

Sekarang sudah lengkap antara project name dan teamnya. Klik create project deh!

Oke sekarang kalian akan menemukan ini, tandanya kita siap integrasiin node js express kita dengan si sentry.

Sekarang kita buat dulu projeknya, masukkin commandnya perbaris ya.

mkdir express-sentry
cd express-sentry
npm init -y
npm install express @sentry/node --save

Kalau sudah terinstall mari kita buat satu file namanya server.js. Nah silahkan kalian copy configuration di sentry kalian lalu paste ke file server.js.

Sekarang jalankan deh

node server.js

Akses ke localhost:3000

Ini adalah hasil yang akan kalian dapatkan. Tenang ini memang seperti ini. Sekarang kembali ke Dashboard sentry.io dan klik projects.

Kalian bisa melihat disana terdapat 1 events.

Klik nama tech stack kalian, di saya namanya express-xq.

Error seperti ini yang akan nongol di Sentry.io milik kalian. Kalian juga bisa langsung masuk ke menu ini dengan cara mengklik menu Issues kaya lagunya Julia Michaels.

Sekarang klik aja tulisan errornya, kita akan masuk ke detail error.

Boom! Keren banget ya errornya, bahkan mereka bisa detect IP Address, Browser apa yang saya gunakan, hingga OS saya, untungnya sih versinya ngga ketauan hehehe 😆😆😆😆😆

Kalo kita scroll kebawah dikit kita akan bisa liat dibaris mana error tersebut terjadi, jadi kita bisa dengan mudah mencarinya, ketimbang dengan menggunakan library log winston, sentry.io ini lebih gacor loh!

Kerennya adalah agan juga bisa assign team member agan apabila ada salah satu error yang harus diselesaikan sama mereka.

Agan juga bisa memilih apakah masalah ini sudah di solve, mau di abaikan, dibuang ke tempat sampah, atau di share melalui public link.

Apabila agan mau share ke public link, link ini akan seperti Google drive yang dibuka public, hanya orang-orang dengan link tersebut yang dapat buka. Jadi hati-hati ya, sharenya jangan di instagram, fesbuk, twitter, apalagi di grup whatsapp keluarga, ntar pada bingung karena biasanya ngirim jokes yang receh malah dikirim link error 😆😆😆😆.

Kalo udah kesebar agan juga bisa kok refresh linknya biar ngga bisa diakses tuh sama orang lama hehehe, cegah si pencuri error.

Jangan lupa di klik resolve ya kalau masalahnya sudah selesai!

Okedeh sekian dari saya, semoga bermanfaat. Happy coding, dan happy tracking error!