iT邦幫忙

2025 iThome 鐵人賽

DAY 26
0
佛心分享-SideProject30

最近的工程師真沒用系列 第 26

第二十六天-來一份招牌登入 Turnstile 驗證

  • 分享至 

  • xImage
  •  

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
今天看到這新聞,我本身是網路出身,很好奇這個有人工作接觸到嗎?還是明年來寫這個哈哈


上一篇
第二十五天-所以我說那個 DB 呢
系列文
最近的工程師真沒用26
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言