<@U04UQ68083H> please generate a simple html page ...
# ory-copilotf
fast-lunch-54279
11/07/2023, 2:43 PM
@chilly-king-10285 please generate a simple html page with embedded javascript that creates a new login flow and immediately submits it to redirect the user to google social sign in
c
chilly-king-10285
11/07/2023, 2:43 PMA message from kapa.ai
chilly-king-10285
11/07/2023, 2:44 PMBased on the information provided in the extracts, here is a simple HTML page with embedded JavaScript that creates a new login flow and immediately submits it to redirect the user to Google social sign-in. Please note that this is a simplified example and you may need to adjust it according to your specific needs and environment.
Copy code
html <!DOCTYPE html> <html> <head> <title>Login with Google</title> <script src="https://unpkg.com/@ory/client"></script> </head> <body> <button id="login">Sign in with Google</button> <script> const frontend = new FrontendApi( new Configuration({ basePath: "<http://localhost:4000>", // Use your local Ory Tunnel URL baseOptions: { withCredentials: true, // we need to include cookies }, }) ); document.getElementById('login').addEventListener('click', function() { frontend .createBrowserLoginFlow({ returnTo: "/", // redirect to the root path after login refresh: true, }) .then(({ data: flow }) => { // Redirect to Google sign-in window.location.href = flow.action; }) .catch((err) => { // Couldn't create login flow // handle the error console.error(err); }); }); </script> </body> </html>@ory/client