Abp zero 登錄添加騰訊云驗證碼-有解無憂

騰訊云驗證碼是為網頁、App、小程式開發者提供的安全驗證服務，基于騰訊多年的大資料積累和人工智能決策引擎，構建智能分級驗證模型，最大程度保護業務安全的同時，提供更精細化的用戶體驗，

騰訊云-->驗證碼控制臺

在驗證碼控制臺注冊 AppID 和 AppSecret，注冊后在控制臺基礎配置中查看相關的資訊，如下圖：

ABP Login 代碼修改

專案 /Views/Account/_Layout.cshtml ,在 Head 標簽的最后加入以下代碼，引入驗證 JS 檔案，

<script src=https://www.cnblogs.com/w2011/p/"https://ssl.captcha.qq.com/TCaptcha.js"></script>

專案/Views/Account/Login.cshtml

 <form class="m-login__form m-form login-form" asp-action="Login" method="post" >
        <input type="hidden" name="returnUrl" value="@ViewBag.ReturnUrl" />
        <input type="hidden" name="returnUrlHash" />
        <input type="hidden" name="ss" value="@ViewBag.SingleSignIn" />
        <div class="form-group m-form__group">
            <input class="form-control m-input" type="text" placeholder="@L("UserNameOrEmail")" name="usernameOrEmailAddress" autocomplete="off" value="@(Model.UserNameOrEmailAddress ?? "")" required>
        </div>
        <div class="form-group m-form__group">
            <input class="form-control m-input m-login__form-input--last" type="password" placeholder="@L("Password")" name="password" autocomplete="off">
        </div>
        <div class="row m-login__form-sub">
            <div class="col m--align-left">
                <label class="m-checkbox m-checkbox--primary">
                    <input type="checkbox" name="rememberMe" value="true">
                    @L("RememberMe")
                    <span></span>
                </label>
            </div>
            <div class="col m--align-right">
                <a href="@Url.Action("ForgotPassword", "Account")" id="forget-password" class="m-link forget-password">@L("ForgotPassword")</a>
            </div>
        </div>
        <div class="m-login__form-action">
            <button type="button" class="btn btn-primary m-btn m-btn--pill m-btn--custom m-btn--air" id="TencentCaptcha"
                    data-appid="AppID"
                    data-cbfn="callback">
                @L("LogIn")
                </button>
            </div>
        </form>

頁面中添加JavaScripts回呼函式代碼

    <script type="text/javascript">
        window.callback = function (res) {
            if (res.ret === 0) {
                $("form").submit();
            }
            else {
                abp.notify.warn("未驗證，無法登錄！");
            }
        }
    </script>

轉載請註明出處，本文鏈接：https://www.uj5u.com/net/89768.html

標籤：.NET Core

上一篇：大話設計，沒有模式—通用權限設計與實作

下一篇：無廢話,用.net core mvc 開發一個雖小但五臟俱全的網站

Abp zero 登錄 添加騰訊云驗證碼

騰訊云-->驗證碼控制臺

ABP Login 代碼修改

Abp zero 登錄添加騰訊云驗證碼