¿Es posible usar reCaptcha V3 en la extensión de Chrome? En caso afirmativo, ¿cómo implementarlo?
Actualmente lo estoy implementando y me encuentro con el error Refused to load the script 'https://www.google.com/recaptcha/api.js?render=Site_Key_Value' because it violates the following Content Security Policy directive: "script-src 'self' blob: filesystem:". Note that 'script-src-elem' was not explicitly set, so 'script-src' is used as a fallback.
La forma en que estoy implementando en popup-sign-in.html es
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Titled Demo</title> <script src="https://www.google.com/recaptcha/api.js?render=Site_Key_Value"></script> </head> <body> <form> <input type="email" name="email" id="email" placeholder="Email"> <input type="password" name="password" id="password" placeholder="Password"> <button type="submit">Sign In</button> </form> <script src="./popup-sign-in.js"></script> <script> grecaptcha.ready(function() { grecaptcha.execute('Site_Key_Value', {action: 'action_name'}) .then(function(token) { console.log(token); }); }); </script> </body>¿Alguien puede decirme cómo puedo implementarlo sin enfrentar ningún problema?
Puede implementar recaptcha en la extensión de Chrome con el manifiesto v3 descargando manualmente los scripts de recaptcha necesarios y agregándolos como parte de su extensión. ( recaptcha.js y recaptcha_gstatic.js )
La primera línea de recaptcha.js dice /* PLEASE DO NOT COPY AND PASTE THIS CODE. */ pero lamentablemente esa es tu única opción en este momento. Así es como lo estamos usando.