2025 大家登入的時候一定會碰到需要輸入 captcha 這是網站的安全機制,那麼 cloudfalre 也有出類似的東西叫做 Turnstile 今天來裝看看吧
我們一樣登入 cloudfalre
然後左側有個 Turnstile 點進去,輸入工具名稱,然後加入我的主機名稱
problytic-worker.agdaxs5566.workers.dev
然後它會給兩把 key 一個給前端用一個給後端用,我們先看前端
我只要在登入那邊增加
<svelte:head>
<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer></script>
</svelte:head>
<div class="cf-turnstile" data-sitekey="0x4AAAAAAB4_zQGEEut2yvVg" data-theme="light"></div>
<!-- Submit Button 以下兩行原本就有了 -->
<button class="btn btn-primary w-full" on:click={login}>Login</button>
<button class="btn btn-accent w-full" on:click={register}>Register</button>
登登就跑出來了,然後我本來以為這樣就結束了 ww
沒想到還要後端驗證,工作八年第一次用這東西
今天的情緒抒發:
https://www.ithome.com.tw/news/171497
今天看到這新聞,我本身是網路出身,很好奇這個有人工作接觸到嗎?還是明年來寫這個哈哈