Joomla 4 筆記(18):表單設定reCAPTCHA我不是機器人

Photo by Burst on Unsplash

reCAPTCHA 計畫是由卡內基美濃大學所發展的系統,主要目的是利用CAPTCHA技術來幫助典籍數位化的進行。為了驗證人類所輸入的文字是正確的,reCAPTCHA 問題的所需的文字圖片,首先會由 reCAPTCHA 計畫網站利用 Javascript API 取得,在終端使用者回答問題後,伺服器再連回 reCAPTCHA 計畫的主機驗證使用者的輸入是否正確。
  • 2014年年底,改以「我不是機器人」(I'm not a robot)於方框中打勾,進而完成判別。
  • 2018年,Google 釋出 reCAPTCHA v3,採用分數制驗證系統,對使用者在網站上的動作進行評分,若分數過低則會被判定為機器人。
[維基百科]

簡單來說 reCAPTCHA 是要確認在資料輸入時是「人的行為」,防止暴力破解登入帳號密碼、避免大量自動註冊新帳號或大量發送留言版訊息等功能。以下說明如何向 Google 申請 reCAPTCHA 驗證的步驟及在 Joomla 系統設定 reCAPTCHA。


[申請Google reCAPTCHA]

如要申請我不是機器人的安全機制,申請的程序很簡單,只要兩三個步驟即可完成,可到 Google reCAPTCHA 申請網站,點選畫面上方的[v3 Admin Console],如下圖紅色框:


下一個畫面輸入「標籤」名稱、「reCAPTCHA 類型」、「網域」,按下提交即可。這裡使用我的部落格網址進行申請,而本機的測試網站,我也將「localhost」加進申請的網域。

接著出現以下畫面,每個月 1,000,000 次以內使用是免費的,記住這組「網站金鑰」及「密鑰」,等一下在設定 Joomla 系統的外掛時會用到。



[啟用/設定reCAPTCHA外掛]

在首頁控制台點選[系統]→[外掛],在搜尋處輸入「reCAPTCHA」,找到[圖形驗証 - ReCaptcha]這個外掛程式,點選「狀態」啟用,如下圖:

點選[圖形驗証 - ReCaptcha]進入設定畫面,在「公鑰(Site Key)」和「密鑰(Secret Key)」兩個欄位輸入稍早在 Google reCAPTCHA 申請的網站金鑰和密鑰。再按下[儲存並關閉]離開這個畫面。


[設定圖形驗証(Captcha)]

在首頁控制台點選[系統]→[全站設定],右邊區塊選擇[前台]頁簽,找到「網站設定」的「預設圖形驗証(Captcha)」,下拉選擇「圖形驗証-ReCaptcha」,按下[儲存並關閉]離開這個畫面。如下圖:

以「聯絡表單」為例,點選選單項目進入輸入表單的畫面,下方多了一個「我不是機器人」的 ReCaptcha,點選後出現一個綠色的勾,填好表單後,按下「發送電子郵件」即可送出郵件。如下圖紅框處:

[參考資料]

Post a Comment

較新的 較舊