使用极验验证码

分享 / 12 / 7 / 创建于 6年前

推荐小伙伴们使用高大上的极验验证，教程

ejellyfish

课程读者 25 声望

暂无个人描述~

8 人点赞

从小程序个人账户申请开始，带你一步步进行开发一个微信小程序，直到提交微信控制台上线发布。

以构建论坛项目 LaraBBS 为线索，展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。

讨论数量: 7

Arnold19910326

课程读者 15 声望

这个需要去geetest网站上注册账号然后获取id以及key才能加载验证码

6年前评论

hustnzj

版主 2.2k 声望

的确高大上，已使用，谢谢分享。

file

6年前评论

hehorange

课程读者 63 声望

亲，代码哪里有问题，加入

{!! Geetest::render() !!}

能正常显示，也能点击，打开浏览器控制台，有错误：[Vue warn]: Error compiling template:
Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your templates, such as <script>, as they will not be parsed.

把渲染语句放在任何 div 标签里，都会报错，只有放在 div 之外才不报错。
这是什么情况？我不懂 vue

    <body>
        {!! Geetest::render() !!}  <!-- 放在这里不会报错 -->
        <div class="{{ route_class() }}-page" id="app">
            @include('layouts._header')

            {!! Geetest::render() !!}  <!-- 放在这里报错 -->

            <div class="container">
                @yield('content')
            </div>

            @include('layouts._footer')
        </div>

6年前评论

31_32

请问你解决该问题了吗？你的思路是正确的，应该composer 的时候渲染出来用了 vue.js的，哎.....

tendollor

@31_32 把JS和 DIV分开就好了 render出来的blade只把HTML 两行注释掉然后在尾部app.js后面render 手动把 HTML的两个DIV写在要放验证码的地方就OK了

31_32

课程读者 0 声望

您好，楼主，您这里只是尝试到了现在那块验证的出来了，可是接下去登录的你没有弄出来，有点虎头蛇尾，由于跟着文档用的是脚手架，所以需要在 app/Http/Controllers/Auth/LoginController 里面添加验证的代码
代码如下：由于LoginController 继承了 Controller ,所以在这里可以重写登录时的验证方法 validateLogin (tips：当然，你想重写 Login 登录方法我没意见，但我不建议)

  protected function validateLogin(Request $request)
{

    $result = $this->validate($request, [
        $this->username() => 'required|string',
        'password' => 'required|string',
        'geetest_challenge' => 'required|string'
    ], [
        'geetest_challenge.required' => config('laravel-geetest.client_fail_alert'),
        'geetest_challenge.string' => config('laravel-geetest.server_fail_alert')
    ]);

}

这里有个坑，也是我未解决的，这里写完之后，前端验证不通过且后端会处理未验证不允许登录，但是报错未显示在前端，这我就不清楚怎么处理了~
前端的报错，未生效，代码如下：

                @error('geetest_challenge')
                <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror

5年前评论

Tacks

课程读者 495 声望

composer 安装极简验证码报错

file

5年前评论

tendollor

课程读者 1 声望

@Tacks 你的php环境缺少mcrypt扩展安装一下就好了

4年前评论

tendollor

课程读者 1 声望

本帖的教程只适合5.X的 Laravel

file

Laravel 6-8的版本有其他的npm包

packagist.org/packages/zbrettonye/...
用如下命令安装 composer require zbrettonye/geetest

file

不知道是我个人网络问题还是淘宝没有缓存这个镜像镜像下载失败后重新尝试成功了

4年前评论

iGaoWei

你好，我的laravel 8.12 无法使用极验证你安装成功了吗

tendollor （作者）

@iGaoWei 安装是安装成功了但是我没有申请到gee的KEY

iGaoWei

@tendollor 我也安装成功了也配置好了但是验证码就是不出来

tendollor （作者）

@iGaoWei 我安装完成后 publish一下设置下配置文件 {!! Geetest::render() !!} 在前台就能显示但是我好像和自己的vue版本冲突了显示出来但是有些脚本不正确

tendollor （作者）

@iGaoWei 已经解决了 JS和HTML分开放不能把JS放到 VUE的APP里

Laravel

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助

使用极验验证码

本帖的教程只适合5.X的 Laravel

Laravel 6-8的版本有其他的npm包

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

使用极验验证码

本帖的教程只适合5.X的 Laravel

Laravel 6-8的版本有其他的npm包

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请登录