티스토리 수익 글 보기 키워드마스터

티스토리 수익 글 보기

google-api-javascript-client/samples/loadedDiscovery.html at master · google/google-api-javascript-client · GitHub

This repository was archived by the owner on Apr 18, 2026. It is now read-only.

Repository navigation

History

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

<!–

Licensed under the Apache License, Version 2.0 (the "License"); you may not

use this file except in compliance with the License. You may obtain a copy of

the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software

distributed under the License is distributed on an "AS IS" BASIS, WITHOUT

WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the

License for the specific language governing permissions and limitations under

the License.

To run this sample, set apiKey to your application's API key and clientId to

your application's OAuth 2.0 client ID. They can be generated at:

https://console.developers.google.com/apis/credentials?project=_

Then, add a JavaScript origin to the client that corresponds to the domain

where you will be running the script. Finally, activate the People API at:

https://console.developers.google.com/apis/library?project=_

–>

<!DOCTYPE html>

<html>

<!– Note: this sample assumes the Fetch API and Promise are defined. –>

<head>

<title>Say hello using the People API</title>

</head>

<body>

<p>Say hello using the People API.</p>

<!–Add buttons to initiate auth sequence and sign out–>

<button id="authorize-button" style="display: none;">Authorize</button>

// Enter an API key from the Google API Console:

// https://console.developers.google.com/apis/credentials

var apiKey = 'YOUR_API_KEY';

// Enter a client ID for a web application from the Google API Console:

// https://console.developers.google.com/apis/credentials?project=_

// In your API Console project, add a JavaScript origin that corresponds

// to the domain where you will be running the script.

var clientId = 'YOUR_WEB_CLIENT_ID.apps.googleusercontent.com';

// Enter one or more authorization scopes. Refer to the documentation for

// the API or https://developers.google.com/people/v1/how-tos/authorizing

// for details.

var scopes = 'profile';

var authorizeButton = document.getElementById('authorize-button');

var signoutButton = document.getElementById('signout-button');

// The discovery JSON object.

var peopleApiDiscovery;

function handleClientLoad() {

// Load the API client and auth2 library.

var loadGapiClient = new Promise(function(resolve, reject) {

gapi.load('client:auth2', resolve);

});

// Fetch the People API discovery served on local server. You can also

// pack the json as a string to avoid extra network request.

// After this promise is fulfilled, the peopleApiDiscovery variable

// will be set.

// This discovery document is downloaded from

// https://people.googleapis.com/$discovery/rest?version=v1

var fetchPeopleApiDiscovery = fetch('people/people_rest_v1.json').then(

function(resp){

return resp.json();

}).then(function(json) {

peopleApiDiscovery = json;

return Promise.resolve();

});

// When both the gapi.client is loaded and the discovery JSON object

// is ready, call initClient to start API call.

Promise.all([loadGapiClient, fetchPeopleApiDiscovery]).then(initClient);

}

function initClient() {

gapi.client.init({

apiKey: apiKey,

discoveryDocs: [peopleApiDiscovery],

clientId: clientId,

scope: scopes

}).then(function () {

// Listen for sign-in state changes.

gapi.auth2.getAuthInstance().isSignedIn.listen(updateSigninStatus);

// Handle the initial sign-in state.

updateSigninStatus(gapi.auth2.getAuthInstance().isSignedIn.get());

authorizeButton.onclick = handleAuthClick;

signoutButton.onclick = handleSignoutClick;

});

}

function updateSigninStatus(isSignedIn) {

if (isSignedIn) {

authorizeButton.style.display = 'none';

signoutButton.style.display = 'block';

makeApiCall();

} else {

authorizeButton.style.display = 'block';

signoutButton.style.display = 'none';

}

function handleAuthClick(event) {

gapi.auth2.getAuthInstance().signIn();

}

function handleSignoutClick(event) {

gapi.auth2.getAuthInstance().signOut();

}

// Load the API and make an API call. Display the results on the screen.

function makeApiCall() {

gapi.client.people.people.get({

resourceName: 'people/me'

}).then(function(resp) {

var p = document.createElement('p');

var name = resp.result.names[0].givenName;

p.appendChild(document.createTextNode('Hello, '+name+'!'));

document.getElementById('content').appendChild(p);

});

}

</script>

onload="this.onload=function(){};handleClientLoad()"

onreadystatechange="if (this.readyState === 'complete') this.onload()">

</script>

</body>

</html>

티스토리 수익 글 보기

티스토리 수익 글 보기

FilesExpand file tree

loadedDiscovery.html

Latest commit

History

loadedDiscovery.html

File metadata and controls