Как интегрировать Google Sign-In в ваше веб-приложение google script

Я хочу интегрировать Google Sign-In в ваш скрипт Google, кто-нибудь, помогите мне, как мне это сделать? шаг за шагом. У меня был файл html дома! спс братан.

Ознакомьтесь с официальным документация, как интегрировать Google Sign-in в ваше веб-приложение. В нем описывается, как выполнить базовую интеграцию Google Sign-In с пошаговой процедурой.

— 06.06.2019 16:25

google-apps-script google-sheets gmail-api google-signin

06.06.2019 06:06

Стоит ли изучать PHP в 2026-2027 годах?

Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Приемы CSS-макетирования - floats и Flexbox

Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Пользовательский скаляр GraphQL

Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...

1 623

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Чтобы интегрировать Google Sign-in в свой веб-сайт, вы можете выполнить процесс, описанный в следующей статье:

https://developers.google.com/identity/sign-in/web/sign-in

Также, если вам нужна дополнительная информация о том, как интегрировать HTML в ваш код, вы можете прочитать следующую ссылку:

https://developers.google.com/apps-script/guides/html/

Наконец, вот пример реализации о том, как это сделать (отсутствует только clientID):

<!DOCTYPE html>
<html>
<head>
    <meta charset = "utf-8">
    <meta name = "google-signin-client_id" content = "#clientId">
    <title>Oauth2 web</title>

    <!-- Google library -->
    <script src = "https://apis.google.com/js/platform.js" async defer></script>

    <!-- Jquery library to print the information easier -->
    <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>

    <!-- Bootstrap library for the button style-->
    <link rel = "stylesheet" href = "https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity = "sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin = "anonymous">
</head>
<body>
<div id = "profileinfo">
</div>
<div class = "g-signin2" data-onsuccess = "onSignIn"></div>

<script>
            function onSignIn(googleUser) {
              var profile = googleUser.getBasicProfile();
              console.info('ID: ' + profile.getId()); // Do not send to your backend! Use an ID token instead.
              console.info('Name: ' + profile.getName());
              console.info('Image URL: ' + profile.getImageUrl());
              console.info('Email: ' + profile.getEmail()); // This is null if the 'email' scope is not present.

              $("#profileinfo").append("<h2>Sup " + profile.getName() + ", welcome home my friend</h2>");
              $("#profileinfo").append("<img style='width:250px;height:250px' src='" + profile.getImageUrl() + "'><br><br>");
              $("#profileinfo").append("<p>Your email is: " + profile.getEmail() + "</p>");

            }
        </script>

<button type = "button" class = "btn btn-danger" onclick = "signOut();">Sign out</button>

<script>
            function signOut() {
               var auth2 = gapi.auth2.getAuthInstance();
               auth2.signOut().then(function () {
                 console.info('User signed out.');
               $("#profileinfo").empty();
               $("#profileinfo").append("<h2>Goodbye old friend</h2>");
               });
            }
        </script>
</body>
</html>

Спасибо, что ответили на мой вопрос. Я создаю cIientID и ввожу метаимя, но результат не запускается: «Ошибка: redirect_uri_mismatch». Вы можете мне помочь ?

— 28.06.2019 08:47

Задайте другой вопрос с шагами, которые вы сделали, сообщением об ошибке, средой, в которой вы его запускаете, и т. д. Я посмотрю.

— 28.06.2019 09:18

Спасибо вам ! это ссылка на новый мой вопрос stackoverflow.com/questions/56803054/…. Пожалуйста помогите !

— 28.06.2019 10:07

Извините, в первый раз я не увидел тег app-script, поэтому подумал, что это на обычном сервере. Я готов.

— 28.06.2019 13:21

14.06.2019 10:36