快捷導(dǎo)航

在AspNetCore中使用極驗(yàn)做行為認(rèn)證的驗(yàn)證流程

更新時(shí)間：2018年09月19日 14:30:48 作者：編程夢(mèng)

這篇文章主要介紹了在AspNetCore中使用極驗(yàn)做行為認(rèn)證的驗(yàn)證流程 ,本文有圖文介紹有實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下

極驗(yàn)驗(yàn)證

極驗(yàn)驗(yàn)證是一種在計(jì)算機(jī)領(lǐng)域用于區(qū)分自然人和機(jī)器人的，通過簡(jiǎn)單集成的方式，為開發(fā)者提供安全、便捷的云端驗(yàn)證服務(wù)。

與以往傳統(tǒng)驗(yàn)證碼不同的是，極驗(yàn)通過分析用戶完成拼圖過程中的行為特征，通過數(shù)據(jù)分析來判斷是人還是機(jī)器。用戶不必面對(duì)眼花繚亂的英文字符或漢字，整個(gè)驗(yàn)證過程變的像游戲一樣有趣。

先上效果圖

極驗(yàn)的流程

極驗(yàn)官方文檔地址 https://docs.geetest.com/install/deploy/server/csharp

簡(jiǎn)單說明一下極驗(yàn)的驗(yàn)證流程

引用官方的圖片

•向服務(wù)器發(fā)送請(qǐng)求獲取驗(yàn)證參數(shù)
•客戶端sdk完成驗(yàn)證
•由客戶端sdk驗(yàn)證數(shù)據(jù)提交服務(wù)器二次驗(yàn)證

在netcore中使用極驗(yàn)

在我查看官方的sdk過后,發(fā)現(xiàn)不是特別好用，根據(jù)極驗(yàn)的流程寫了一套適用于netcore的極驗(yàn)sdk 開源地址已經(jīng)發(fā)了nuget包搜索sharpplug.geetest即可

使用方式很簡(jiǎn)單，下面通過一個(gè)例子來進(jìn)行講解

使用命令dotnet new mvc創(chuàng)建一個(gè)mvc項(xiàng)目

下一步使用命令dotnet add package sharpplug.geetest安裝nuget包

打開startup文件在ConfigureServices中配置geetest服務(wù)

我在極驗(yàn)申請(qǐng)了一個(gè)測(cè)試用的id和key 大家可以直接測(cè)試使用

public void ConfigureServices(IServiceCollection services)
{
  services.Configure<CookiePolicyOptions>(options =>
  {
    // This lambda determines whether user consent for non-essential cookies is needed for a given request.
    options.CheckConsentNeeded = context => true;
    options.MinimumSameSitePolicy = SameSiteMode.None;
  });
  // GeetestOptions中配置id 與 key
  services.AddGeetest(opt=>{
        opt.Id = "e2697c763685a34be93a7d255ee06b59";
        opt.Key = "7882a2d954106041a731f5e10038982a";
      });
  services.AddMvc().SetCompatibilityVersion(CompatibilityVersion.Version_2_1);
}

完成獲取驗(yàn)證參數(shù)與二次驗(yàn)證的類是GeetestManager,它主要有兩個(gè)方法

獲取驗(yàn)證參數(shù)方法是Register,它主要有三個(gè)參數(shù) userid（用戶標(biāo)識(shí)） clientType(客戶端類型) 與 ipaddress(客戶端ip) 關(guān)于參數(shù)的細(xì)節(jié)大家可以去參閱極驗(yàn)文檔

Task<GeeTestRegisterResult> Register(string userId = null, string clientType = "unknown", string ipAddress = "unknown")

二次驗(yàn)證方法 Validate 參數(shù)為

•offline 是否離線驗(yàn)證（獲取驗(yàn)證參數(shù)失敗時(shí)）
•UserId 用戶標(biāo)識(shí)
•Challenge
•Seccode
•Validate

Task<bool> Validate(GeetestValidateInput input)

下面打開HomeController添加獲取驗(yàn)證參數(shù)方法,記得注入GeetestManager

private readonly GeetestManager _geetestManager;
public HomeController(GeetestManager geetestManager)
{
  _geetestManager = geetestManager;
}
public async Task<GeeTestRegisterResult> GeetestRegister()
{
  return await _geetestManager.Register(clientType: "web", ipAddress: "127.0.0.1");
}

下面在HomeController中加入二次驗(yàn)證

public async Task<bool> GeetestValidate(GeetestValidateInput input)
{
  return await _geetestManager.Validate(input);
}

服務(wù)端部分已經(jīng)完成,下面打開index.cshtml先引用gt.js

<script type="text/javascript" src="https://static.geetest.com/static/tools/gt.js"></script>

然后添加html元素

<h2>Getest</h2>
<div id="geetestform">
  <input type="hidden" name="geetest_challenge" id="geetest_challenge">
  <input type="hidden" name="geetest_validate" id="geetest_validate">
  <input type="hidden" name="geetest_seccode" id="geetest_seccode">
</div>
<button class="form-control btn-default" id="validate">點(diǎn)我驗(yàn)證</button>

極驗(yàn)有一個(gè)初始化的過程,先調(diào)用獲取驗(yàn)證參數(shù)api進(jìn)行初始化極驗(yàn)

$(function() {
  $.ajax({
    url: "/home/GeetestRegister",
    type: "get",
    dataType: "json",
    success: function(data) {
      // 使用offline判斷是否是離線驗(yàn)證
      offline = !data.success;
      initGeetest({
        // 以下配置參數(shù)來自服務(wù)端 SDK
        gt: data.gt,
        challenge: data.challenge,
        offline: !data.success,
        new_captcha: true,
        product: "float",
        width: "100%"
      },function(){
        // 初始化元素
        captchaObj.appendTo(document.getElementById('geetestform'));
      })
    }
  });
});

這時(shí)運(yùn)行項(xiàng)目已經(jīng)可以看到極驗(yàn)的驗(yàn)證表單了并且已經(jīng)可以進(jìn)行驗(yàn)證,但是還需要添加點(diǎn)擊按鈕事件進(jìn)行二次驗(yàn)證

$("#validate").click(() => {
  var validate = captchaObj.getValidate();
  if (validate === undefined || !validate) {
    alert("請(qǐng)進(jìn)行驗(yàn)證");
    return;
  }

  $.ajax({
    url: "/home/GeetestValidate",
    method:"post",
    data: {
      offline: offline,
      challenge: validate.geetest_challenge,
      validate: validate.geetest_validate,
      seccode: validate.geetest_seccode
    },
    success: function(res) {
      if (res) {
        alert("二次校驗(yàn)狀態(tài)成功! 重置驗(yàn)證狀態(tài)");
        captchaObj.reset();
      } else {
        alert("二次校驗(yàn)狀態(tài)返回失敗! 重置驗(yàn)證狀態(tài)");
        captchaObj.reset();
      }
    }
  });
});

以上所述是小編給大家介紹的在AspNetCore中使用極驗(yàn)做行為認(rèn)證的驗(yàn)證流程，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章: