文章/答案/技术大牛

发布

社区首页 >问答首页 >在不工作的recaptchaV3 ()上响应本机recaptchaV3返回

问在不工作的recaptchaV3 ()上响应本机recaptchaV3返回
EN

Stack Overflow用户

提问于 2022-04-01 12:08:48

回答 1查看 49关注 0票数 0

由于大多数react-native-recaptchaV3库已经过时，所以我试图创建组件以获得不可见的recaptchaV3。但是onMessage()没有返回任何东西来获取令牌。有人能帮我完成这件事吗？

当我删除androidLayerType="software"应用程序时，它就崩溃了。如果使用androidLayerType="software"，就会在控制台中得到未定义的内容。

“react本机-webview”："^11.17.2"，

class ReCaptchaComponent extends React.Component {
  _webViewRef = React.createRef();
  constructor(props) {
    super(props);
  }

  render() {
    return (
      <View style={{flex: 0.0001, width: 0, height: 0}}>
        <WebView
          ref={ref => {
            this._webViewRef = ref;
          }}
          androidLayerType="software"
          javaScriptEnabled
          originWhitelist={['*']}
          automaticallyAdjustContentInsets
          mixedContentMode={'always'}
          onMessage={(e: any) => { console.log('onReceiveToken',e.nativeEvent.data);
          }}
          source={{html: recaptchaHtml,baseUrl: 'https://testing.xyz'}}
        />
      </View>
    );
  }
}

const recaptchaHtml = `<!DOCTYPE html>
<html>
<head>
  <style>
    body {
      display: flex;
      justify-content: left;
      align-items: top;
    }
  </style>
</head>
<body>
  <div id="inline-badge"></div>
  <script src="https://www.google.com/recaptcha/api.js?render=explicit&onload=onRecaptchaLoadCallback"></script>
  <script>
    function onRecaptchaLoadCallback() {
      var clientId = grecaptcha.render('inline-badge', {
        'sitekey': '_xBu49Sf-rsc1',
        'badge': 'inline',
        'size': 'invisible'
      });
      grecaptcha.ready(function () {
        grecaptcha.execute(clientId, {
          action: 'verify'
        })
          .then(function (token) {
            window.ReactNativeWebView.postMessage(token, '*')
          });
      });
    }
  </script>
</body>
</html>`;
export default ReCaptchaComponent;

android

react-native

webview

recaptcha-v3

invisible-recaptcha

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-04-24 15:42:26

我增加了

react-native-webview -> android -> src -> java -> RNCWebViewManager.java

在onReceivedSslError方法上我改变了，

handler.cancel()

至

handler.proceed();

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/71706701

复制

相似问题

问在不工作的recaptchaV3 ()上响应本机recaptchaV3返回
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在不工作的recaptchaV3 ()上响应本机recaptchaV3返回EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在不工作的recaptchaV3 ()上响应本机recaptchaV3返回
EN