除了 google recaptcha v2 之外，如何在 React JS 中添加驗證碼

Question

我正在使用 reactjs & mvc web api 2 來構建我的網站。 我想在我的 UI 表單中添加驗證碼。

除了使用google recaptcha之外，還有其他方法可以在reactJS / Web Api 2中添加驗證碼嗎？

似乎每個人都在使用recaptcha v2。 但就我而言，我更喜歡使用基於文本的驗證碼，例如 recaptcha v1。

謝謝

Answer 1

您不必依賴 Google 對此問題的解決方案。 如果您使用 React，您可以簡單地創建自己的名為 Captcha 的組件，該組件將決定是否可以傳遞表單。 怎么做？

1. 創建新的React Component Captcha 並將其放置在應用程序中的任何位置。 您可以生成 2 個隨機整數並要求用戶添加它們。
2. 根據以上創建驗證方法。 只需檢查給出的結果是否等於應有的結果。 將驗證放在應用程序的服務器端，因為可以操作瀏覽器端。
3. 只有在驗證通過后才能通過表單。
4. 如果您的用戶未通過驗證，請設置一些延遲。 可以很小-記住這是為了防止機器人向您發送垃圾郵件。

就這么簡單！ 你的想象力是極限。 在該 React 組件中，您可以定義任何您想要的驗證方法。 可以是簡單的數學任務，可以區分形狀，顏色，任何你想要的......