Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. JavaScript
Code

Memulai dengan Raygun: Insights dan Crash Reporting for App Developer 

by
Difficulty:BeginnerLength:MediumLanguages:
Sponsored Content

This sponsored post features a product relevant to our readers while meeting our editorial guidelines for being objective and educational.

Indonesian (Bahasa Indonesia) translation by Ari Gustiawan (you can also view the original English article)

Memperkenalkan Raygun

Tidak ada yang mau menulis bug dalam software dengan sengaja, tetapi apakah Anda pernah mempertimbangkan hanya ada berapa banyak masalah Anda aplikasi perangkat lunak yang Anda bahkan tidak menyadari?

Apakah Anda pernah menerima permintaan dukungan dan mampu mereplikasi masalah, atau apakah Anda menghabiskan berjam-jam mencari melalui file log untuk menemukan akar penyebab dari masalah? Kita semua pernah mengalaminya, berurusan dengan masalah tak terduga yang terjadi dalam codebase kita.

Gambar ini tidak selalu jelas mengenai penyebab masalahnya, dan tim Anda mungkin menghabiskan berjam-jam yang berburu melalui log untuk mencari kenapa bisa terjadi seperti itu.

Raygun menawarkan solusi masalah ini, dengan real-time window ke performa aplikasi Anda untuk customer Anda, membantu Anda menentukan perbaikan yang perlu dilakukan dalam hitungan detik. Plus, Raygun menawarkan fungsionalitas alur kerja untuk berkolaborasi dengan sesama pengembang Anda semua jalan melalui ke deploying fix.

Raygun

Raygun platform menawarkan alat pengembangan perangkat lunak penting yang membantu menjaga pengawasan yang ketat pada web dan aplikasi mobile ketika masalah muncul. Menawarkan Error dan Crash Reporting, yang membantu mendeteksi, mendiagnosa dan menghancurkan pengecualian user Anda remui, dan Real User Monitoring tool  yang memonitor setiap sesi pengguna untuk hal-hal seperti aset loading lambat, skrip dan permintaan yang dapat memperlambat kinerja aplikasi Anda, Raygun mencakup semua basis.

Hari ini kita akan mengambil melihat lebih dalam ke dalam bagaimana Anda dapat mengatur real-time error and crash reporting untuk aplikasi Anda dengan Raygun, terlepas dari mana bahasa pemrograman dan platform yang Anda gunakan.

Jika Anda telah pernah diklik "Jangan Kirim" sistem operasi kecelakaan pelaporan dialog maka Anda tahu bahwa beberapa pengguna aktif melaporkan bug-kebanyakan hanya berjalan kaki di frustrasi.

Pada kenyataannya, sebuah survei oleh Compuware melaporkan bahwa hanya 16% dari pengguna mencoba aplikasi yang crashing lebih dari dua kali. Hal ini penting untuk mengetahui jika perangkat lunak Anda crashing bagi pengguna Anda. Raygun membuat ini mudah.

Dengan hanya beberapa baris kode yang pendek, Anda dapat mengintegrasikan Raygun ke dalam lingkungan pengembangan dalam hitungan menit. Raygun mendukung semua bahasa pemrograman utama dan platform, sehingga cukup pilih bahasa yang Anda inginkan untuk memulai. Anda akan segera mulai menerima laporan kesalahan dan crash dan akan dapat mempelajari informasi diagnostik dan stack traces di dasbor Raygun.

Untuk tutorial ini, saya akan menunjukkan contoh tracking aplikasi JavaScript seperti Ghost dan berbasis PHP WordPress, tapi Raygun bekerja di mana-mana: front end, back end, web dan mobile.

Raygun screenshot

Dengan penentuan masalah Anda dan memberitahu Anda persis di mana untuk melihat, Raygun membantu Anda membangun perangkat lunak lebih sehat, lebih dapat diandalkan untuk menyenangkan pengguna Anda dan menjaga mereka datang kembali.

Lebih penting lagi, Raygun dibangun untuk tim dan mendukung integrasi untuk workplace software seperti tim chatting, misalnya Slack  dan Hipchat, manajemen proyek alat, misalnya JIRA dan Sprintly, dan issue trackers, misalnya GitHub dan Bitbucket. Raygun memberikan ketenangan pikiran bahwa software Anda melakukan seperti yang Anda inginkan untuk tim — sempurna.

Bagaimana kerennya adalah real-time Slack pemberitahuan untuk seluruh tim Anda setiap kali customer Anda mengalami bug, masalah, dan crash!

Raygun integration with chat software like Slack

Dalam tutorial ini, saya akan memandu Anda melalui pengaturan aplikasi Anda dengan Raygun langkah demi langkah.

Jika Anda memiliki permintaan apapun untuk Tutorial nanti atau pertanyaan dan komentar pada hari ini, silahkan posting di bawah ini. Anda juga dapat menghubungi saya di Twitter @lookaheadio atau email saya secara langsung.

Persiapan

Salah satu fitur yang paling powerful dari Raygun adalah bahwa ia bekerja dengan semua bahasa pemrograman utama dan platform, dan luar biasa mudah untuk mengintegrasikan. Cukup copy dan paste kode ke aplikasi dan Raygun akan mulai pemantauan untuk kesalahan. Dalam kasus WordPress, mereka menyediakan sebuah plugin yang sudah dibuat.

Mengintegrasikan Raygun dengan aplikasi Anda

Setelah mendaftar, Anda akan disajikan dengan Raygun integrasi wizard. Dimulai dengan memilih bahasa pilihan Anda. Inilah awal dashboard yang akan Anda lihat:

Raygun initial dashboard asking what language your app is written in

Berikut adalah contoh mengintegrasikan untuk digunakan dengan kode JavaScript atau platform.

Menggunakan Raygun dengan JavaScript

Setelah Anda memilih JavaScript, Anda akan ditunjukkan aplikasi API Key (key adalah sama untuk semua platform Anda pilih dan  aplikasi spesifik). Untuk setiap environment atau bahasa yang Anda ingin monitor, Anda harus membuat aplikasi terpisah untuk mengatur error ke dalam bucket yang berbeda.

Raygun mudah untuk menggunakan terlepas dari mana JavaScript sistem manajemen paket Anda pilih:

Raygun JavaScript setup screen

Misalnya, dengan Bower, run:

Dari NuGet, Buka konsol dan jalankan:

Tapi Anda juga dapat memuat Perpustakaan dari Raygun's CDN dalam aplikasi Anda:

Anda juga dapat men-download versi minified produksi atau development source dan mengintegrasikan cara Anda sendiri.

Untuk memulai catchinh exception dalam aplikasi Anda, jalankan Raygun.init dengan API key dan kemudian panggil attach:

Jika Anda ingin mengatur sebuah aplikasi berbasis JavaScript-based untuk mencoba Raygun, Anda mungkin ingin mencoba saya Envato Tuts + tutorial-through dari platform blogging open-source Ghost.

Untuk tutorial ini, saya akan menggunakan Raygun dengan sebuah blog WordPress-PHP dan JavaScript error dapat ditangkap dengan cara ini.

Debug dengan WordPress

Untuk menginstal Raygun untuk WordPress, Anda perlu Raygun WordPress plugin:

Raygun WordPress setup

Setelah Anda sudah menginstal plugin, Anda memuat menu konfigurasi dari WordPress dashboard dan memberikan key API Anda:

Raygun4WP Configuration

Dalam jarak satu menit, Anda akan mulai melihat error yang dikumpulkan di dashboard Raygun Anda. Jika tidak, klik tombol Send Test Error untuk memicu satu.

Raygun Dashboard

Pada awalnya, Anda akan melihat dashboard kosong:

Empty Raygun dashboard

Tapi setelah Anda memilih bahasa dan terintegrasi aplikasi Anda, Anda akan melihat dashboard seperti ini-oh, tema pengembang — di mana Raygun membantu saya menemukan sejumlah besar WordPress tema kode yang tidak tetap up to date dengan versi terbaru dari PHP.

Full Raygun dashboard

Melacak error diseluruh Code Deployments

Ketika Anda mengintegrasikan Raygun dengan tool deployment, itu dapat melacak kesalahan menurut versi tertentu perangkat lunak dirilis. Ini dapat membantu Anda mengidentifikasi dan memperbaiki bad devepment dengan cepat dan mudah:

Raygun deployments

Anda dapat membaca tentang bagaimana untuk mengintegrasikan skrip deployment dengan Raygun tagging dalam dokumentasi. Raygun menyediakan panduan untuk bekerja dengan: Octopus Deploy, Bash, Powershell, Capistrano, Rake, Grunt, Atlassian Bamboo dan Fake - F # Make.

Mengelola status error Raygun

Raygun saat ini memungkinkan Anda menetapkan error grup ke salah satu dari lima status. Ini adalah:

  • Active
  • Resolved
  • Resolved dalam versi x.xx
  • Ignored
  • Permanently Ignored

Ketika error diterima, itu ditugaskan untuk aktif dan terlihat di tab pertama. Anda kemudian dapat mengambil tindakan untuk mengganti ke status lain.

Sebagai contoh, segera setelah saya diaktifkan Raygun dengan WordPress dan menemukan sejumlah tema yang berhubungan dengan masalah kompatibilitas PHP, antrian email saya mulai mengisi- tetapi ini mudah diselesaikan dengan mengajukan Raygun hanya memberitahukan saya tentang laporan baru.

Anda juga dapat menyaring dan mengelola masalah dengan status melalui antarmuka cukup mudah. Sebagai contoh, itu akan mudah untuk menghapus semua kesalahan yang diselesaikan di WordPress versi 4,3.

Raygun Error Detailed Views

Ketika Anda mengklik pada error, Raygun menunjukkan Anda tampilan detail mereka dengan stack trace dan ringkasan yang pengguna dan browser atau perangkat sedang terkena:

Error detail view

Dalam tampilan detail, Raygun juga memungkinkan Anda dan tim Anda untuk komentar dan membahas masalah spesifik:

Raygun error comments

Raygun User Tracking

Jika Anda implmementasi user tracking dengan integrasi Raygun Anda, Anda dapat melihat persis yang disinkronisasi oleh pengguna terotentikasi telah mengalami error tertentu dan seberapa sering:

Raygun user tracking screen

Raygun menawarkan dokumentasi yang mudah untuk menghubungkan laporan error untuk user yang sedang sign-in. Berikut adalah contoh untuk JavaScript:

Secara default, Raygun4JS menetapkan ID anonim yang unik untuk pengguna saat ini. Ini akan disimpan sebagai cookie. Jika pengguna saat ini perubahan, ulang dan menetapkan ID baru Anda dapat memanggil:

Untuk menonaktifkan pengguna anonim tracking, panggil Raygun.init ('apikey', {disableAnonymousUserTracking: true});.

Anda dapat memberikan informasi tambahan tentang user yang sedang login untuk Raygun dengan menjalankan: Raygun.setUser('unique_user_identifier');.

Metode ini mengambil parameter tambahan yang digunakan saat melaporkan dari para pengguna yang terpengaruh. full signature metode adalah:

Mengelola tim Anda

Raygun dibangun tracking issue accross development team. Melalui setting area, sangat mudah untuk menambahkan aplikasi yang Anda melacak dan mengundang anggota tim untuk berpartisipasi:

Tuts team members on Raygun

Seperti disebutkan di atas, Raygun dengan mudah terintegrasi dengan tool lainnya berbasis tim seperti chat (Slak, Hipchat, dll), manajemen proyek (JIRA, Sprintly, dll) dan pelacak isu (GitHub, Bitbucket, dll.).

Customer Supprt yang berguna

Raygun dukungan yang sangat baik. Selain dokumentasi berbasis web dan email Selamat datang panduan, ada membantu dukungan personil (seperti Nick) siap untuk membimbing Anda lebih dalam ke layanan — Nick tips dan ketersediaan hanya muncul saat saya sedang meninjau Layanan:

Raygun user help screen

Raygun API

Jika Anda ingin menyesuaikan event trigger, Anda dapat memposting kesalahan melalui Raygun API namun Anda ingin dari aplikasi Anda. Hal ini dapat berguna bagi pengembang berharap untuk mengintegrasikan pemantauan atau khusus pelaporan di layanan mereka atau untuk memudahkan proses pembangunan.

Raygun Pulse Real User Monitoring

Terakhir, meskipun kami berbicara melalui setup Raygun's Crash Reporting here, menambahkan Pulse - Real User Monitoring sama mudahnya ketika menambahkan snippet kode Raygun.

Pulse menyediakan Anda dengan semua data sesi dari pengguna 'real' ketika mereka berinteraksi dengan aplikasi Anda. Ini jauh lebih kuat daripada tradisional synthetic pengujian, seperti data diambil langsung dari browser pengguna, membiarkan Anda melihat bagaimana pengguna unik perangkat, browser, OS, lokasi atau sambungan kecepatan mempengaruhi kinerja aplikasi. Skrip yang bermasalah, permintaan dan aset dapat diidentifikasi sebagai penyebab rute dan optimasi yang dibuat untuk meningkatkan kinerja keseluruhan aplikasi Anda.

Raygun Pulse real user monitoring

Beberapa pullse dengan Crash Reporing data dan Anda memiliki semua tool yang tersedia untuk memastikan pelanggan Anda menerima pengalaman pengguna yang luar biasa.

Dalam ringkasan

Saya harap Anda telah menemukan Raygun mudah digunakan dan berguna untuk kebutuhan pembangunan. Untuk rekap, berikut adalah beberapa manfaat utama layanan:

  • Raygun menyediakan gambaran lengkap dari masalah di stack seluruh perkembangan Anda. Intelligen pengelompokan error memungkinkan Anda melihat isu-isu prioritas tertinggi daripada banjiri Anda dengan pemberitahuan untuk setiap error.
  • Raygun mendukung semua bahasa pemrograman utama dan platform. Setiap pengembang dapat menggunakannya. Pengembang waktu mahal, jadi berhenti membuang-buang waktu untuk mencoba untuk memburu bug. Memperbaiki masalah lebih cepat dan membangun lebih banyak fitur sebaliknya!
  • Raygun dibangun untuk tim. Anda dapat mengundang anggota tim terbatas ke account Anda-tidak ada batasan. Raygun membantu Anda membuat tim alur kerja untuk memperbaiki bug dan menyediakan pemberitahuan kustom dan digest harian dari kesalahan peristiwa untuk semua tim Anda.
  • Untuk korporasi besar, Raygun Enterprise dapat menyediakan dukungan awan atau kemampuan untuk aman versi self-host layanan untuk kebutuhan Anda.

Ketika Anda mencoba Raygun, beritahukan kami tahu pertanyaan dan komentar di bawah ini. Anda juga dapat menghubungi saya di Twitter @lookaheadio atau email saya secara langsung. Atau, jika Raygun menyelamatkan banyak waktu anda, Anda dapat menelusuri Envato Tuts + instruktur halaman saya untuk membaca tutorial lain yang kutulis.

Link terkait

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.