分析与监控 #

Analytics → 查看站点数据

Site settings → Build & deploy → Analytics → Enable

Analytics → Overview

Analytics → Pages

Analytics → Sources

Analytics → Geo

Analytics → Devices

Analytics → Performance

Analytics → Bandwidth

Analytics → Functions

Deploys → 选择部署 → Deploy log

Functions → 选择函数 → Logs

netlify functions:log function-name --tail

// 在页面中收集 Web Vitals
import { getCLS, getFID, getLCP } from 'web-vitals'

getCLS(console.log)
getFID(console.log)
getLCP(console.log)

<!-- 在 HTML 中添加 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || []
  function gtag(){dataLayer.push(arguments)}
  gtag('js', new Date())
  gtag('config', 'G-XXXXXXXXXX')
</script>

import * as Sentry from '@sentry/browser'

Sentry.init({
  dsn: 'YOUR_DSN',
  environment: process.env.NODE_ENV
})

import LogRocket from 'logrocket'

LogRocket.init('your-app-id')

Site settings → Build & deploy → Deploy notifications

Site settings → Functions → Error notifications

{
  "event": "deploy_failed",
  "payload": {
    "site_id": "xxx",
    "deploy_id": "xxx",
    "error_message": "Build failed"
  }
}

[[headers]]
  for = "/assets/*"
  [headers.values]
    Cache-Control = "public, max-age=31536000, immutable"

// 复用数据库连接
let connection

exports.handler = async () => {
  if (!connection) {
    connection = await createConnection()
  }
  // ...
}

[[headers]]
  for = "/*"
  [headers.values]
    Cache-Control = "public, max-age=3600"

netlify status

netlify deploy:list

netlify functions:log function-name