如何使用Llama Logs顯示和偵錯NodeJS錯誤？

本篇文章給大家介紹一下Node開發神器--Llama Logs，使用Llama Logs實時視覺化Node錯誤。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有所幫助。

開始

我將編寫一個基本的快速應用程式，該應用程式通過url引數接收使用者的電子郵件，如果該電子郵件是 llamalogs.com 域，則將其儲存到資料庫中。

基本邏輯將如下所示

app.get('/', (req, res) => {
  let customerEmail = req.query.email
  let isDomainOk = domainCheck(customerEmail)

  if (isDomainOk) {
      saveEmail(customerEmail)
  }

  res.send('We received your email')
})

現在的問題是，我要寫一些檢查的程式碼，如果使用者忘記在郵件中包含 @domain 部分，就會出錯。

const domainCheck = (customerEmail) => {
  // toLowerCase will fail if the [1] value is undefined!
  const domain = customerEmail.split("@")[1].toLowerCase()
  const domainIsOk = domain === "llamalogs.com"
  return domainIsOk
}

使用Llama Logs進行視覺化

Llama Logs的設定非常簡單。一旦你註冊了llamalogs.com，你所需要做的就是通過npm安裝使用者端，然後開始然後開始記錄，Llama Logs將自動將你的紀錄檔轉換為互動式圖形。

因此，例如，讓我們將 domainCheck 方法更新為以下內容

const domainCheck = (customerEmail) => {
  try {
    const domain = customerEmail.split("@")[1].toLowerCase()
    const domainIsOk = domain === "llamalogs.com"

    LlamaLogs.log({ sender: 'Server', receiver: 'Domain Check' })

    return domainIsOk

  } catch (e) {
    LlamaLogs.log({ 
      sender: 'Server', 
      receiver: 'Domain Check', 
      message: `input: ${customerEmail}; Error: ${e}`,
      isError: true
    })
  }
}

我們為成功和失敗的結果都新增了一個紀錄檔案例。然後，Llama Logs將使用 sender、receiver 和 isError 屬性中提供的名稱，自動將應用程式中的活動視覺化為一系列在元件之間移動的點。

在下面的圖形中，我們可以看到使用有效電子郵件對伺服器執行幾次呼叫以及導致錯誤的呼叫的結果。

偵錯

比視覺化圖表中的活動更好，Llama Logs可以讓你實時地從錯誤中獲取資料。

還記得在 domainCheck 方法中我們將此屬性附加到Llama Log嗎？

message: `input: ${customerEmail}; Error: ${e}`,

通過使用此message屬性，這意味著當我們將滑鼠懸停在紅色錯誤點上時，它將顯示該訊息。下圖顯示了我停留在錯誤上，它表示的請求具有電子郵件引數 == 「jd」，缺少電子郵件域。

通過使用Llama Logs視覺化系統中的錯誤，你可以比以往更快，更輕鬆地發現錯誤的來源！

完整程式碼

我認為這是一款小型Express應用程式，最簡單的方法是將所有程式碼包含在此部落格文章中。

const express = require('express')
const { LlamaLogs } = require('llamalogs');

LlamaLogs.init({
  accountKey: 'YOUR_ACCOUNT_KEY',
  graphName: 'YOUR_GRAPH_NAME'
});

const app = express()
const port = 3000

app.get('/', (req, res) => {
  LlamaLogs.log({ sender: 'User', receiver: 'Server' })

  let customerEmail = req.query.email
  let isDomainOk = domainCheck(customerEmail)

  if (isDomainOk) {
      saveEmail(customerEmail)
  }

  res.send('We received your email')
})

app.listen(port, () => {
  console.log(`Example app listening at http://localhost:${port}`)
})


const domainCheck = (customerEmail) => {
  try {
    const domain = customerEmail.split("@")[1].toLowerCase()
    const domainIsOk = domain === "llamalogs.com"

    LlamaLogs.log({ sender: 'Server', receiver: 'Domain Check' })

    return domainIsOk

  } catch (e) {
    LlamaLogs.log({ 
      sender: 'Server', 
      receiver: 'Domain Check', 
      message: `input: ${customerEmail}; Error: ${e}`,
      isError: true
    })
  }
}

const saveEmail = (customerEmail) => {
  // pretend we are saving to a database here
  LlamaLogs.log({ sender: 'Domain Check', receiver: 'Database' })
}

原文：https://dev.to/bakenator/visualize-nodejs-errors-in-real-time-with-llama-logs-3c18
作者：bakenator
譯文地址：https://segmentfault.com/a/1190000025186252

更多程式設計相關知識，請存取：！！

以上就是如何使用Llama Logs顯示和偵錯NodeJS錯誤？的詳細內容，更多請關注TW511.COM其它相關文章！

如何使用Llama Logs顯示和偵錯NodeJS錯誤？

開始

使用Llama Logs進行視覺化

偵錯

更多資訊

完整程式碼