很多刚入门react的开发者(大佬请飘过~)在使用滑动验证的时候看阿里云的官方文档总是一脸懵,文档给到的只是一个简单的html示例,那么我们要怎么结合到react工程中呢?
其实用法很简单,我们只需要在react工程中找到public文件夹,在index.html文件中引入对应的js文件
然后就会有一个全局变量,这样在组件中就只能直接使用该变量。此处注意如果使用的是ts语法,可以写成(window as any).AWSC.xxx这样代码检查就不会报错,或者 声明一个 d.ts的 类型申明
到这一步所有配置项就简单完成啦,快来看看效果吧
注意:这只是一个简单的实现,具体的配置项还需要到阿里云人机验证后台进行配置呢