更新记录

1.0.0（2024-11-11） 下载此版本

• 新建行为式验证码uts插件

平台兼容性

行为式验证码

网易易盾 提供全新人机验证方式，高效拦截机器行为，业务安全第一道防线。搭载风险感知引擎，智能切换验证难度，安全性高，极致用户体验。读屏软件深度适配，视障群体也可轻松使用，符合工信部无障碍适配要求。

了解更多产品信息或体验试用，请访问 行为式验证码产品页。

平台支持（兼容性）

资源引入/集成

Android&iOS

从 dcloud 插件市场下载对应插件 yidun-captcha。导入插件之后一定要自定义基座方可生效，自定义基座说明请参考 https://ask.dcloud.net.cn/article/35115

h5

在自定义模板（比如 template.h5.html）文件中引入以下脚本：

<script src="https://cstaticdun.126.net/load.min.js?t=201903281201"></script>

调用示例

Android&iOS

<template>
    <view>
        <button @click="tryToVerify">显示验证码</button>
    </view>
</template>

<script>
    import {
        initCaptcha,
        showCaptcha,
        destroy
    } from '@/uni_modules/yidun-captcha'

    export default {
        created() {
            this.initNeCaptcha()
        },
        methods: {
            initNeCaptcha() {
                initCaptcha({
                    captcha_id: '易盾获取到的业务id',
                    is_debug: true
                }, {
                    onSuccess: (validate, result, msg) => {
                        console.log('验证成功', validate, result, msg)
                    },
                    onError: (code, msg) => {
                        console.error('验证失败', code, msg)
                    },
                    onClose: (type) => {
                        console.log('验证码关闭', type)
                    },
                    onLoaded: () => {
                        console.log('验证码加载完成')
                    }
                })
            },
            tryToVerify() {
                showCaptcha();
            }
        }
    }
</script>

更多使用场景请参考 demo

h5

<template>
    <view>
        <view id="captcha"></view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                captchaIns: null,
                options: null
            }
        },
        created () {
            this.initNeCaptcha()
        },
        destroyed () {
            this.captchaIns = null
        },
        methods: {
            initNeCaptcha () {
                const options = {
                    // h5其他配置项请参考文档  https://support.dun.163.com/documents/15588062143475712?docId=294963751458885632
                    captchaId: '向易盾申请的 captchaId',
                    element: '#captcha',
                    protocol: 'https',
                    onVerify: (err, data) => {
                        console.log(err, data)
                    }
                }
                if (this.isSense) {
                    options.mode = 'bind'
                } else {
                    options.mode = 'popup'
                }

                initNECaptcha({ ...options }, ins => {
                    this.captchaIns = ins
                })
            },
            verify () {
                if (this.isSense) {
                    this.captchaIns.verify()
                } else {
                    this.captchaIns.popUp()
                }
            },
            reset () {
                this.captchaIns.refresh()
            },
            destroyCap () {
                this.captchaIns.destroy()
            },
        }
    }
</script>

h5 更多使用方式请查询文档 h5验证码接入文档，以下的文档是对于 Android & iOS 的说明。

SDK 方法说明

1. 初始化

代码说明：

import {
    initCaptcha,
    showCaptcha,
    destroy
} from '@/uni_modules/yidun-captcha'
initCaptcha(options : UTSJSONObject, callback : CaptchaCallback)

options 支持的可配置项说明

language_type 多语言对应表

styleConfig 验证码 UI 自定义配置对应表

callback 回调说明

{
    onSuccess: (validate, result, msg) => {
        console.log('验证成功', validate, result, msg)
    },
    onError: (code, msg) => {
        console.error('验证失败', code, msg)
    },
    onClose: (type) => {
        console.log('验证码关闭', type)
    },
    onLoaded: () => {
        console.log('验证码加载完成')
    }
}

2. 显示验证码

代码说明：

showCaptcha()

3. 销毁验证码弹窗

代码说明：

destroy()