在這裡我會一步一步的實現極驗驗證配置到自己的項目上的詳細過程(Java版本)。
首先,我們看一下我們要實現的預期效果:
(1),開啟伺服器,進入到登陸頁面
(2),點擊提交按鈕,進入驗證介面
(3),滑動驗證成功,彈出對話方塊,跳轉到顯示介面
好的,廢話不多說,接下來進行詳細步驟:
到 http://www.geetest.com/install/sections/idx-server-sdk.html#java 這個網站去看一下Java版本的SDK的資訊,上面會有提示去 https://github.com/GeeTeam/gt-java-sdk.git 上面導下來這個SDK,本地有安裝git的話,直接使用命令
git clone https://github.com/GeeTeam/gt-java-sdk.git 即可,下載完成後開啟檔案夾得到的大致如下:
這時候我們開啟自己的項目,吧這個SDK中的src目錄下的所有檔案複製到自己的項目中去,效果如下:
把SDK中的login.jsp檔案也複製到我們的項目中去:
這時候如果我們運行項目,發現驗證並沒有效果,這是我們得去配置web.xml檔案,將SDK中web.xml檔案複製到項目中去,既加入的代碼如下:
<!--配置登陸驗證--> <servlet> <servlet-name>StartCaptchaServlet</servlet-name> <display-name>StartCaptchaServlet</display-name> <description></description> <servlet-class>com.geetest.sdk.java.web.demo.StartCaptchaServlet</servlet-class> </servlet> <servlet> <servlet-name>VerifyLoginServlet</servlet-name> <display-name>VerifyLoginServlet</display-name> <description></description> <servlet-class>com.geetest.sdk.java.web.demo.VerifyLoginServlet</servlet-class> </servlet> <servlet> <servlet-name>MobileStartCaptchaServlet</servlet-name> <display-name>MobileStartCaptchaServlet</display-name> <description></description> <servlet-class>com.geetest.sdk.java.web.mobiledemo.StartCaptchaServlet</servlet-class> </servlet> <servlet> <servlet-name>MobileVerifyLoginServlet</servlet-name> <display-name>MobileVerifyLoginServlet</display-name> <description></description> <servlet-class>com.geetest.sdk.java.web.mobiledemo.VerifyLoginServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>VerifyLoginServlet</servlet-name> <url-pattern>/pc-geetest/validate</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>StartCaptchaServlet</servlet-name> <url-pattern>/pc-geetest/register</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>MobileVerifyLoginServlet</servlet-name> <url-pattern>/mobile-geetest/validate</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>MobileStartCaptchaServlet</servlet-name> <url-pattern>/mobile-geetest/register</url-pattern> </servlet-mapping> <welcome-file-list> <welcome-file>index.html</welcome-file> <welcome-file>index.htm</welcome-file> <welcome-file>index.jsp</welcome-file> <welcome-file>default.html</welcome-file> <welcome-file>default.htm</welcome-file> <welcome-file>default.jsp</welcome-file> </welcome-file-list>
這時候我們運行項目基本就可以跑起來了,那麼如何做到前後端的資料互動呢。這就是servlet的知識了:
後台擷取前端資料的方法為調用request.getParameter(key)方法:
列印的結果如下:
後台將資料發回到前台的方法為data.put("info","我的極驗驗證");:
前台擷取資料並列印:
這就是基礎的使用方法了,只是個基本的瞭解,更多的待大家去深層次的發掘。