feat(service): ping

components/service/Ping.vue

@@ -0,0 +1,19 @@
+<template>
+  <ServiceBases v-bind="props">
+    <template #description>
+      Server responded in <span class="border-b border-dashed">{{ ping?.time || 0 }}ms</span>
+    </template>
+  </ServiceBases>
+</template>
+
+<script setup lang="ts">
+import type { PingService } from '~/types/services'
+import ServiceBases from '~/components/service/Base.vue'
+
+const props = defineProps<PingService>()
+
+const { data: ping, refresh } = await useFetch('/api/services/ping', { query: { id: props.id } })
+const { pause } = useIntervalFn(refresh, props?.options?.interval || 10000, { immediate: true })
+
+onBeforeUnmount(pause)
+</script>

server/api/services/ping.ts

@@ -0,0 +1,18 @@
+import type { PingService } from '~/types'
+
+export default defineEventHandler(async (event) => {
+  const service = await getService<PingService>(event)
+
+  try {
+    const startTime = new Date().getTime()
+    await $fetch(service.link)
+    const endTime = new Date().getTime()
+    const time = endTime - startTime
+
+    return { time }
+  } catch (e) {
+    console.error(e)
+  }
+
+  return { time: -1 }
+})

types/services.d.ts

@@ -8,3 +8,9 @@ export interface BaseService {
   options?: Record<string, string | number | boolean>
   secrets?: Record<string, string | number | boolean>
 }
+
+export interface PingService extends BaseService {
+  options?: {
+    interval?: number
+  }
+}