设备指纹
WEB

Svelte

在 Svelte 或 SvelteKit 项目中接入 Geelab 设备指纹 v2 Web SDK

开始前,请先按照 JavaScript 接入指南 加载 SDK 并创建公共客户端模块。本页只说明 Svelte 特有的初始化与调用方式。

接入步骤

在宿主 HTML 中加载 gld_v2.js,然后复用公共客户端模块:

<script>
  import { onMount } from 'svelte';
  import { preloadGeeGuard, getGeeToken } from './geeGuardClient';

  let submitting = false;

  onMount(function () {
    preloadGeeGuard().catch(function (error) {
      console.error('GeeLabGuard 初始化失败:', error);
    });
  });

  async function checkout() {
    submitting = true;
    try {
      const { token, offline } = await getGeeToken();
      await fetch('/api/checkout', {
        method: 'POST',
        headers: { 'content-type': 'application/json' },
        body: JSON.stringify({ gee_token: token, offline }),
      });
    } finally {
      submitting = false;
    }
  }
</script>

<button type="button" disabled={submitting} on:click={checkout}>
  {submitting ? '处理中…' : '提交订单'}
</button>

使用 SvelteKit 等 SSR 框架时,只能在浏览器生命周期中调用 SDK。

On this page