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。