اذهب إلى المحتوى

السؤال

نشر

السلام عليكم ..

يظهر خطأ عند اضافة الزر الخاص بتسجيل الدخول لقوقل 

<meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <script src="https://apis.google.com/js/platform.js" async defer></script>
    <meta name="google-signin-client_id" content="743547246544-mvd9309107489q6iet8rbbhiu3irl7k9.apps.googleusercontent.com">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="stylesheet" type="text/css" href="../css/intlTelInput.css">
    <link rel="stylesheet" href="./lib/font-icons/css/all.css">
    <script src="./lib/jquery.min.js"></script>
    <link rel="stylesheet" href="./lib/bootstrap-5.1.0-dist/css/bootstrap.min.css">
    <script src="/lib/bootstrap-5.1.0-dist/js/bootstrap.bundle.min.js"></script>
    <link rel="stylesheet" href="../css/index1.css">


<div class="g-signin2" data-onsuccess="onSignIn"></div>

<a href="#" onclick="signOut();">Sign out</a>



<script>
    function signOut() {
      var auth2 = gapi.auth2.getAuthInstance();
      auth2.signOut().then(function () {
        console.log('User signed out.');
      });
    }
  </script>
  
  
  <script>
      function onSignIn(googleUser) {
          var profile = googleUser.getBasicProfile();
          console.log('ID: ' + profile.getId()); 
          console.log('Name: ' + profile.getName());
          console.log('Image URL: ' + profile.getImageUrl());
          console.log('Email: ' + profile.getEmail()); 
        
        // error : error: 'idpiframe_initialization_failed', details: 'You have created a new client application that use…i/web/guides/gis-migration) for more information.'}
        }
        
  </script>
  

 

Recommended Posts

  • 0
نشر (معدل)

نص المشكلة التي ظهرت عندي : 

اقتباس

Not a valid origin for the client: http://localhost:3000 has not been registered for client ID 743547246544-mvd9309107489q6iet8rbbhiu3irl7k9.apps.googleusercontent

كما تعلم يجب ان تقوم بتسجيل الدومين الخاص بموقعك وكذلك عنوان صفحة تسجيل الدخول في اعدادات Authorized JavaScript origins.

قم بوضع العنوان الذي تستخدمه والذي يجب ان يكون يشبه التالي اذا كنت تستخدم رياكت :

http://localhost:3000

ويشبه التالي اذا كنت لاتستخدم اي مكتبات وتقوم بالتشخير عبر live server :

http://127.0.0.1:5500/index.html

كما هو موضع في الصورة 

h1.thumb.png.7c3feb3528b76d5e415b87fe77975362.png

إذا كنت متأكد من كل ما سبق فقم بحذف المشروع من google auth2 ثم قم بإعادة انشاءه.

تم التعديل في بواسطة عمر قره محمد
  • 0
نشر
بتاريخ 23 ساعات قال عمر قره محمد:

نص المشكلة التي ظهرت عندي : 

كما تعلم يجب ان تقوم بتسجيل الدومين الخاص بموقعك وكذلك عنوان صفحة تسجيل الدخول في اعدادات Authorized JavaScript origins.

قم بوضع العنوان الذي تستخدمه والذي يجب ان يكون يشبه التالي اذا كنت تستخدم رياكت :

http://localhost:3000

ويشبه التالي اذا كنت لاتستخدم اي مكتبات وتقوم بالتشخير عبر live server :

http://127.0.0.1:5500/index.html

كما هو موضع في الصورة 

h1.thumb.png.7c3feb3528b76d5e415b87fe77975362.png

إذا كنت متأكد من كل ما سبق فقم بحذف المشروع من google auth2 ثم قم بإعادة انشاءه.

يعطيك العافية اخي قمت بحل المشكلة ..

فقط قمت بإضافة هذه الشيفرة 

 window.gapi.load('client:auth2', () => {
            window.gapi.client.init({
                clientId: '****.apps.googleusercontent.com',
                scope: "email",
                plugin_name: 'App Name that you used in google developer console API' //اسم عميل OAuth 2.0 الخاص بك
            })
        })

 

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...