Jump to content
Jonas Ribeiro Nascimento

Login do Google Sign In não funciona nos navegadores Edge e Opera, mais funciona o Google Chrome e Mozilla

Recommended Posts

Olá pessoal esse é o erro que tenho quando clico no botão de Login do Google nos navegadores Opera e Edge.

O mais estranho que os erros não aparecem no Mozilla e Google Chrome, no Chrome e Mozilla loga de primeira vai normal.

 

Citar

Meu código javascript

function onSignIn(response) {
    console.log("1");
    // 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();
        
    if(userEmail != ""){
            botaoDeDeslogar(); //aparece o botao de deslogar
            botaoDeLogar();  //esconde o botao de logar      
        }
    
    if(userEmail == ""){
          
        }
    // 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("Token: " + LoR);

};

$('#google_plus_a').on('click', function (e) {
    console.log("2");
    e.preventDefault();
    var auth2 = gapi.auth2.getAuthInstance();
    auth2.signOut().then(function () {
        console.log("3");
        console.log('User signed out.');
    });
});



Tambem ja tentei assim 

//---------------------------------------------------------------------------------------------------

// verifica se o usuário está; logado e executa ações
// executa ações se o usuário estiver logado
/*gapi.load('auth2', function () {
    console.log("4");
    gapi.auth2.init({

        client_id: '428001492988-ouocv0d188o1nu3rdhas2dcatahsae1a.apps.googleusercontent.com',

    }).then(function () {
        console.log("5");
        auth2 = gapi.auth2.getAuthInstance();
        console.log(auth2.isSignedIn.get()); // Agora isso sempre retorna corretamente 
        
        if (auth2.isSignedIn.get() == true) {
            botaoDeDeslogar(); //aparece o botao de deslogar
            botaoDeLogar();  //esconde o botao de logar            
            console.log("6");
        } else {
            //usuarioDeslogadoGoogle();
            console.log("7");
        }
    });
});*/

//---------------------------------------------------------------------------------------------------------------------------------------------------



//Botao de login do google esta aparencedo display block
function botaoDeLogar() { 
    console.log("8");
    console.log("Usuário não esta conectado com o Google deseja logalo BT none!");
    $('#g-signin2').css('display', 'none'); //Botão de login do google desaparece
}

function botaoDeLogar2() { 
    console.log("9");
    console.log("Usuário não esta conectado com o Google deseja logalo BT block!");
    $('#g-signin2').css('display', 'block'); //Botão de login do google aparece
}

// Botao de sair se o usuario estiver logado esta aparencendo display none
function botaoDeDeslogar() {
    console.log("10");
    console.log("O usuário está conectado com o Google deseja desconectalo.");
    $('#google_plus_a').css('display', 'block'); //Botao de sair aparece
}
Citar

Meu head onde chama a API do Google

<!-- Infomações do google -->
        <script src="https://apis.google.com/js/platform.js" async defer></script>
        <meta name="google-signin-scope" content="profile email">
        <meta name="google-signin-client_id" content="428001492988-97ub0g6ijog4n440anrgm706ijg0dqqt.apps.googleusercontent.com">
        
Citar

Erros que aparecem nos navegadores EDGE e OPERA  -  " No Google Chrome e Mozilla funcionan normal ". 

 

Erro que aparece no EDGE e no opera quando clico no Botão de  " Login do Google "

400. That’s an error.



Error: redirect_uri_mismatch

The JavaScript origin in the request, https://www.****************.com, does not match the ones authorized for the OAuth client. Visit https://console.developers.google.com/apis/credentials/oauthclient/428001492988-97ub0g6ijog4n440anrgm706ijg0dqqt.apps.googleusercontent.com?project=428001492988 to update the authorized JavaScript origins.

Learn more

Request Details
redirect_uri=storagerelay://https/www.************.com?id=auth604459
response_type=permission id_token
scope=email profile openid
openid.realm=
client_id=428001492988-97ub0g6ijog4n440anrgm706ijg0dqqt.apps.googleusercontent.com
ss_domain=https://www.*************.com
fetch_basic_profile=true
gsiwebsdk=2
That’s all we know.

 

Erro que aparece nos console no Opera e no Edge
 

cb=gapi.loaded_0:103 Uncaught 

{error: "idpiframe_initialization_failed", details: "Not a valid origin for the client: https://www..…itelist this origin for your project's client ID."}
details: "Not a valid origin for the client: https://www.******.com has not been whitelisted for client ID 428001492988-97ub0g6ijog4n440anrgm706ijg0dqqt.apps.googleusercontent.com. Please go to https://console.developers.google.com/ and whitelist this origin for your project's client ID."
error: "idpiframe_initialization_failed"
__proto__: Object
    1.  

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By manoaj
      Boa noite pessoal!
      Alguém ai entente dos checkouts do Mercado Pago pra me explicar como eu obtenho os dados da preferência criada através da url disponível na API
      https://api.mercadopago.com/checkout/preferences/:id?access_token=ACCESS_TOKEN_ENV  
    • By alan de souza arantes
      Boa tarde Galera!
       
      Tenho um cod que extrai relatórios do MYSQL em forma de Excel, meu problema é que quando o campo que busco esta vazio ele preenche com outra informação qualquer.
      Como eu resolvo isso?
       
      <?php
      include("../conexao_checkout.php");

      session_start();
      $usuario     = $_SESSION['UsuarioID'];
      $usuario_nome  = $_SESSION['UsuarioNome'];
      $ip      = $_SERVER["REMOTE_ADDR"];
      $data_contratado       = date('Y-m-d H:i:s');
      $exibicao   = $_POST["exibicao"];
      $filtro     = $_POST["filtro"];
      $entrega    = $_POST["entrega"];
      $contrata   = $_POST["contrata"];
      if ($filtro > 0) {
          $cli = " AND `id_cliente` = ".$filtro;
      }else{
          $cli = "";
      }
      if ($entrega  != "") {
          $data2 = str_replace('/', '-', $entrega);
          $nova_data2 = strftime("%Y-%m-%d", strtotime($data2));
          $ent = "AND `prazo_entrega` LIKE '%".$nova_data2."%' ";
      }else{
          $ent = "";
      }
      if ($contrata  != "") {
          $data1 = str_replace('/', '-', $contrata);
          $nova_data = strftime("%Y-%m-%d", strtotime($data1));
          $cont = "AND `contratacao` LIKE '%".$nova_data."%' ";
      }else{
          $cont = "";
      }

      $results = mysqli_query($conexao, "SELECT * FROM `servicos_filiais` WHERE `tecnico_interno` = $usuario {$cli} {$ent} {$cont};");

      echo '
          <table class="table table-hover" style="display: none;">
                      <thead>
                          <th>ID</th>
                          <th>Ordem</th>
                          <th>COd Serviço</th>
                          <th>Nome Serviço</th>
                          <th>Cliente</th>
                          <th>Filial</th>
                          <th>Acompanhamento</th>
                          <th>Contratação</th>
                          <th>Solicitante</th>
                          <th>Coordenação</th>
                          <th>Técnico</th>
                          <th>Técnico interno</th>
                          <th>Total do Serviço</th>
                          <th>Total de Parcelas</th>
                          <th>Status</th>
                          <th>Observação</th>
                          <th>Data da Observação</th>                    
                      </thead>
                      <tbody>
                          
                      
        ';
      while ($row = mysqli_fetch_assoc($results)) {
          $id_cliente       = $row['id_cliente'];
          $id_servico_      = $row['id'];
          $id_filial        = $row['id_filial'];
          $id_coordenacao   = $row['coordenacao'];
          $id_tecnico       = $row['tecnico'];
          $id_tecnico_int   = $row['tecnico_interno'];
          $observacao       = $row['texto'];
          $data_3           = $row['data'];

          $consulta   = mysqli_query($conexao, "SELECT * FROM `clientes` WHERE `id` = {$id_cliente}; ");
          while ($row01 = mysqli_fetch_assoc($consulta)) {
              $nomedocliente = $row01['nome_cliente'];
          }
          $consulta01   = mysqli_query($conexao, "SELECT * FROM `filiais` WHERE `id` = {$id_filial}; ");
          while ($row02 = mysqli_fetch_assoc($consulta01)) {
              $nome_filial = $row02['nome_filial'];
          }
          $consulta02   = mysqli_query($conexao, "SELECT * FROM `login_funcionarios` WHERE `id` = {$id_coordenacao}; ");
          while ($row03 = mysqli_fetch_assoc($consulta02)) {
              $coordenacao = $row03['nome'];
          }
          $consulta03   = mysqli_query($conexao, "SELECT * FROM `login_funcionarios` WHERE `id` = {$id_tecnico}; ");
          while ($row04 = mysqli_fetch_assoc($consulta03)) {
              $tecnico = $row04['nome'];
          }
          $consulta04   = mysqli_query($conexao, "SELECT * FROM `login_funcionarios` WHERE `id` = {$id_tecnico_int}; ");
          while ($row05 = mysqli_fetch_assoc($consulta04)) {
              $tecnico_interno = $row05['nome'];
          }
          $consulta05   = mysqli_query($conexao, "SELECT * FROM `observacao_servicos` WHERE `id_servico` = {$id_servico_}; ");
          while ($row06 = mysqli_fetch_assoc($consulta05)) {
              $observacao_texto = $row06['texto'];
          }
          $consulta06   = mysqli_query($conexao, "SELECT * FROM `observacao_servicos` WHERE `id_servico` = {$id_servico_}; ");
          while ($row07 = mysqli_fetch_assoc($consulta06)) {
              $data_3 = $row07['data'];
          }
          $gerando_status = mysqli_query($conexao, "SELECT * FROM `detalhes_servico` WHERE `id_servico` = {$id_servico_}");
          $contar_parcelas = mysqli_num_rows($gerando_status);
          while($row3 = mysqli_fetch_assoc($gerando_status)){
              $status = $row3['status'];
              if(($status == 0) or ($status == 3) or ($status == 2)){
                  $nao_concluido += 1;
              }
          }
          // ---------------- STATUS ----------------- //
          if ($contar_parcelas == 1) {
              $busca_tipo_status = mysqli_query($conexao, "SELECT * FROM `detalhes_servico` WHERE `id_servico` = {$id_servico_} AND `tipo_servico` = 1");
              while ($row_busca_status = mysqli_fetch_assoc($busca_tipo_status)) {
                  $status_final = $row_busca_status['status'];
              }
          }
          if ($contar_parcelas == 2) {
              $busca_tipo_status = mysqli_query($conexao, "SELECT * FROM `detalhes_servico` WHERE `id_servico` = {$id_servico_} AND `tipo_servico` = 2");
              while ($row_busca_status = mysqli_fetch_assoc($busca_tipo_status)) {
                  $status_final = $row_busca_status['status'];
              }
          }
          if ($contar_parcelas == 3) {
              $busca_tipo_status = mysqli_query($conexao, "SELECT * FROM `detalhes_servico` WHERE `id_servico` = {$id_servico_} AND `tipo_servico` = 3");
              while ($row_busca_status = mysqli_fetch_assoc($busca_tipo_status)) {
                  $status_final = $row_busca_status['status'];
              }
          }
          if($status_final ==0){
              $nome_do_status = "A Protocolar";
          }
          if($status_final ==1){
              $nome_do_status = "Concluído";
          }
          if($status_final ==2){
              $nome_do_status = "Protocolado";
          }
          if($status_final ==3){
              $nome_do_status = "Em Andamento";
          }
          if($status_final ==4){
              $nome_do_status = "Pendência Forma";
          }
          if($status_final ==5) {
              $nome_do_status = "Pendência Cliente";
              
          }
          if($status_final ==6) {
              $nome_do_status = "Rescindido";
          }
          // ---------------- STATUS ----------------- //

          echo "<tr>";
          echo "<td>".$row['id']."</td>";
          echo "<td>".$row['ordem_de_servico']."</td>";
          echo "<td>".$row['id_servico']."</td>";
          echo "<td>".$row['nome_servico']."</td>";
          echo "<td>".$nomedocliente."</td>";
          echo "<td>".$nome_filial."</td>";
          echo "<td>".date('d/m/Y', strtotime($row['prazo_entrega']))."</td>";
          echo "<td>".date('d/m/Y', strtotime($row['contratacao']))."</td>";
          echo "<td>".$row['solicitante']."</td>";
          echo "<td>".$coordenacao."</td>";
          echo "<td>".$tecnico."</td>";
          echo "<td>".$tecnico_interno."</td>";
          echo "<td>".number_format($row['valor'], 2, ',', '.')."</td>";
          echo "<td>".$row['parcela_comissao']."</td>";
          echo "<td>".$nome_do_status."</td>";
          echo "<td>".$observacao_texto."</td>";
          echo "<td>".date('d/m/y', strtotime($data_3))."</td>";
          echo "</tr>";
      }
      echo '</tbody>
                  </table>
              
              ';
      echo '
        <script src="assets/js/jquery.table2excel.js"></script>
        <script>
          $(function() {
            $(".table").table2excel({
              exclude: ".noExl",
              name: "Lista de Serviços",
              filename: "lista_servicos",
              fileext: ".xls",
              exclude_img: true,
              exclude_links: true,
              exclude_inputs: true
            });
          });
        </script> 
        ';

      $insere_registro   = mysqli_query($conexao, "INSERT INTO `historico_acoes` (`id`, `nome_usuario`, `id_usuario`, `acao`, `ip`, `data`, `tipo`) VALUES (NULL, '{$usuario_nome}', {$usuario}, 'Exportou Relatório de serviços cadastrados', '{$ip}', '{$data_contratado}', 6);");

      mysqli_close($conexao);
      ?>
    • By asacap1000
      Salve galera, preciso de uma ajuda aqui....eu preciso trazer algumas fotos de usuarios que estão gravados em outro servidor e mostrar em uma página.
       
      O que estou usando inicialmente apenas para carregar as fotos e depois vou personalizar com outras funções. Mas o basico é esse:
       
      <? $diretorio = "//SRVCAMARAFRIA/Sistema de Acesso/AcessoNet/fotos/"; // esta linha não precisas é só um exemplo do conteudo que a variável vai ter // selecionar só .jpg $imagens = glob($diretorio."*.jpg"); // fazer echo de cada imagem foreach($imagens as $imagem){ echo '<a href="'.$imagem.'"><img src="'.$imagem.'" /></a>'; } ?> Ele busca as imagens mas não as mostra segue print do resultado:
       

       
      Se eu posicionar o cursor em cima de uma delas ela aparece no rodapé o caminho e o nome da foto
       

       
       
      O link para abrir ela eu nem preciso apenas para mostrar na tela, poderiam me ajudar?
       
      Desde já Agradeço.
    • By clickanapolis
      Boa tarde pessoal, desculpa se postei em lugar errado, mais não sei aonde postar essa minha dúvida. Estou finalizando um projeto que consiste em uma plataforma de processo seletivo e na etapa final os candidatos iram fazer uma prova online.
       
      O cliente me perguntou se é possível bloquear o navegador, tipo se ele sair do navegador ou mudar de aba tipo o sistema finalizar a prova do candidato, visto que o sistema irá identificar que ele foi fazer uma pesquisa.
       
      Eu particularmente não vi nada igual ate hj e não sei se existe algo seja em javascript ou qualquer outro modo de fazer isso.
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.