Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <?php
- require('../fun/conect.php');
- //conectar()
- ?>
- <!doctype html>
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- <title>Curso de bootstrap 3</title>
- <meta name="description" content="curso de bootstrap 3">
- <!-- VIEWPORT -->
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <!-- CDN BOOTSTRAP -->
- <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" rel="stylesheet">
- <!-- CSS -->
- <link href="../css/login.css" rel="stylesheet">
- <link href="../css/navbar.css" rel="stylesheet">
- </head>
- <body>
- <div class="container-fluid">
- <div class="user">
- <img id="user-photo" src="http://mariovalney.com/wp-content/uploads/2015/06/user-anonimo.jpg">
- <h1>Olá, <span id="user-name">visitante</span>!</h1>
- <p id="user-email"></p>
- </div>
- <div class="g-signin2" data-onsuccess="onSignIn" data-theme="dark" data-width="370" data-height="50" data-longtitle="true" data-lang="pt-BR"></div>
- </div><!-- /.container fluid -->
- <!-- CDN -->
- <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
- <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
- <!-- Main da pasta JS -->
- <script src="../js/main.js"></script>
- <script>
- function onSignIn(response) {
- // Conseguindo as informações do seu usuário:
- var perfil = response.getBasicProfile();
- // Conseguindo o ID do Usuário
- var userID = perfil.getId();
- // Conseguindo o Nome do Usuário
- var userName = perfil.getName();
- // Conseguindo o E-mail do Usuário
- var userEmail = perfil.getEmail();
- // Conseguindo a URL da Foto do Perfil
- var userPicture = perfil.getImageUrl();
- document.getElementById('user-photo').src = userPicture;
- document.getElementById('user-name').innerText = userName;
- document.getElementById('user-email').innerText = userEmail;
- // Recebendo o TOKEN que você usará nas demais requisições à API:
- var LoR = response.getAuthResponse().id_token;
- console.log("958727462271-djtpc52j0kj6gsjncoj05un7fbi91o18.apps.googleusercontent.com" + LoR);
- };
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement