-
客服电话
-
APP下载
迪恩网络APP
随时随地掌握行业动态
-
官方微信
扫描二维码
关注迪恩网络微信公众号
客服电话
APP下载
迪恩网络APP
随时随地掌握行业动态
官方微信
扫描二维码
关注迪恩网络微信公众号
界面http://localhost:你的服务器/Code/index
实现步骤：
新增验证
下载demo （url：http://docs.geetest.com/install/server/csharp/）
找到C#的SDK .dll
gt3-dotnet-sdk-master\gt3-dotnet-sdk-master\src\GeetestSDK\GeetestSDK\bin\Debug\GeetestSDK.dll
新建mvc项目
在自己的mvc项目中新建一个文件夹，复制到自己的mvc项目中，添加引用。
配置公钥和秘钥 创建一个类
类名字都要相同
对应关系 publicKey ---ID privateKey --- KEY
创建 controller
创建index视图 (里面有些代码是从 demo(gt3-dotnet-sdk-master\gt3-dotnet-sdk-master\demo\index.aspx)中copy出来的)
CODE: @{ Layout = null; } <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>Index</title>
<style> body { margin: 50px 0; text-align: center; }
.inp { border: 1px solid gray; padding: 0 10px; width: 200px; height: 30px; font-size: 18px; }
.btn { border: 1px solid gray; width: 100px; height: 30px; font-size: 18px; cursor: pointer; }
#embed-captcha { width: 300px; margin: 0 auto; }
.show { display: block; }
.hide { display: none; }
#notice { color: red; }
#submitBtn { margin-top: 30px; }
#sb { position: absolute; color: green; top: 670px; left: 50%; transform: translateX(-50%); } /* 以下遮罩层为demo.用户可自行设计实现 */ #mask { display: none; position: fixed; text-align: center; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); overflow: auto; } /* 可自行设计实现captcha的位置大小 */ .popup-mobile { position: relative; }
#popup-captcha-mobile { position: fixed; display: none; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 9999; } </style> </head> <body> <h1 class="h1">极验验证SDKDemo</h1>
<!-- 为使用方便，直接使用jquery.js库，如您代码中不需要，可以去掉 --> <script src="http://code.jquery.com/jquery-1.12.3.min.js"></script> <!-- 引入封装了failback的接口--initGeetest --> <script src="http://static.geetest.com/static/tools/gt.js"></script> <!-- 若是https，使用以下接口 --> <!-- <script src="https://code.jquery.com/jquery-1.12.3.min.js"></script> --> <!-- <script src="https://static.geetest.com/static/tools/gt.js"></script> --> <div> <br><br> <form > <h2>Demo，使用ajax形式提交二次验证所需的验证结果值</h2> <br> <p> <label for="username2">用户名：</label> <input class="inp " > </p> <br> <p> <label for="password2">密 码：</label> <input class="inp" name="password" > </p>
<div ></div> <p >正在加载验证码......</p> <p >请先拖动验证码到相应位置</p>
<div class="row"> <input type="button" class="btn btn-primary" /> </div> </form> </div> <script> var handlerEmbed = function (captchaObj) { $("#embed-submit").click(function (e) { var validate = captchaObj.getValidate(); if (!validate) { $("#notice")[0].className = "show"; setTimeout(function () { $("#notice")[0].className = "hide"; }, 2000); e.preventDefault(); } }); // 将验证码加到id为captcha的元素里，同时会有三个input的值：geetest_challenge, geetest_validate, geetest_seccode captchaObj.appendTo("#embed-captcha"); captchaObj.onReady(function () { $("#wait")[0].className = "hide"; }); // 更多接口参考：http://www.geetest.com/install/sections/idx-client-sdk.html }; /*点击登录时ajax请求控制器，把相关数据发送到服务器*/ var submitBtn_Click = function () { $.ajax({ // 获取id，challenge，success（是否启用failback） // url: "/getcaptcha.aspx?t=" + (new Date()).getTime(), // 加随机数防止缓存 url: "/Code/submitBtn_ClickMethod", type: "post", data: $("#form2").serialize(), dataType: "json", success: function (data) { alert(data);}, error: function (data) { alert(data); } }); };
$.ajax({ // 获取id，challenge，success（是否启用failback） // url: "/getcaptcha.aspx?t=" + (new Date()).getTime(), // 加随机数防止缓存 url:"/Code/GetCaptcha", type: "post", dataType: "json", success: function (data) { // 使用initGeetest接口 // 参数1：配置参数 // 参数2：回调，回调的第一个参数验证码对象，之后可以使用它做appendTo之类的事件 data = eval('(' + data + ')'); initGeetest({ gt: data.gt, challenge: data.challenge, product: "embed", // 产品形式，包括：float，embed，popup。注意只对PC版验证码有效 offline: !data.success, // 表示用户后台检测极验服务器是否宕机，一般不需要关注 new_captcha: data.new_captcha // 更多配置参数请参见：http://www.geetest.com/install/sections/idx-client-sdk.html#config }, handlerEmbed); } }); </script> </body> </html>
controller里面action方法（gt3-dotnet-sdk-master\gt3-dotnet-sdk-master\demo里面寻找的 进行修改）public class CodeController : Controller { // GET: Code public ActionResult Index() { return View(); } /// <summary> /// 获取到验证码，把验证码存到Session中 /// </summary> /// <returns></returns> public ActionResult GetCaptcha() { GeetestLib geetest = new GeetestLib(GeetestConfig.publicKey, GeetestConfig.privateKey); String userID = "haiyiTest";//CommonHelper.CalcMD5("haiyiTest") Byte gtServerStatus = geetest.preProcess(userID, "web", "127.0.0.1"); Session[GeetestLib.gtServerStatusSessionKey] = gtServerStatus; Session["userID"] = userID; string captChaString = geetest.getResponseStr(); return Json((object)captChaString); }
public ActionResult submitBtn_ClickMethod(string userName,string password,string geetest_challenge,string geetest_validate,string geetest_seccode) { GeetestLib geetest = new GeetestLib(GeetestConfig.publicKey, GeetestConfig.privateKey); Byte gt_server_status_code = (Byte)Session[GeetestLib.gtServerStatusSessionKey]; String userID = (String)Session["userID"]; int result = 0; //String challenge = Request.Form.Get(GeetestLib.fnGeetestChallenge); //String validate = Request.Form.Get(GeetestLib.fnGeetestValidate); //String seccode = Request.Form.Get(GeetestLib.fnGeetestSeccode);
String challenge = geetest_challenge; String validate = geetest_validate; String seccode = geetest_seccode;
if (gt_server_status_code == 1) { result = geetest.enhencedValidateRequest(challenge, validate, seccode, userID); } else { result = geetest.failbackValidateRequest(challenge, validate, seccode); } if (result == 1) { // return Content("<div id='sb'><h1>success<h1></div>"); //Response.Write("<div id='sb'>success</div>"); return Json("登录成功"); } else { // return Content(" "); //Response.Write(" "); return Json("登录失败"); } } }
|
请发表评论