FazBrowse GitHub Viewer
|
Trending
|
URL:
|
Home
Tools:
[Download Repo ZIP]
[View Raw Code]
[Original HTTPS Page]
google-api-javascript-client/samples/authSample.html at master · google/google-api-javascript-client · GitHub
Uh oh!
There was an error while loading.
Please reload this page
.
This repository was archived by the owner on Apr 18, 2026. It is now read-only.
google
/
google-api-javascript-client
Public archive
Notifications
You must be signed in to change notification settings
Fork
1.2k
Star
3.5k
Code
Issues
142
Pull requests
6
Actions
Projects
Security and quality
0
Insights
Additional navigation options
Code
Issues
Pull requests
Actions
Projects
Security and quality
Insights
Expand file tree
Breadcrumbs
google-api-javascript-client
/
samples
/
authSample.html
Copy path
More file actions
More file actions
Latest commit
History
History
History
122 lines (103 loc) · 4.6 KB
Breadcrumbs
google-api-javascript-client
/
samples
/
authSample.html
Copy path
File metadata and controls
122 lines (103 loc) · 4.6 KB
Raw
Copy raw file
Download raw file
Open symbols panel
Edit and raw actions
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!--
Copyright (c) 2011 Google Inc.
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
>
<
head
>
<
title
>
Say hello using the People API
</
title
>
<
meta
charset
='
utf-8
'
/>
</
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
>
<
button
id
="
signout-button
"
style
="
display: none;
"
>
Sign Out
</
button
>
<
div
id
="
content
"
>
</
div
>
<
script
type
="
text/javascript
"
>
// Enter an API key from the Google API Console:
// https://console.developers.google.com/apis/credentials
var
apiKey
=
'YOUR_API_KEY'
;
// Enter the API Discovery Docs that describes the APIs you want to
// access. In this example, we are accessing the People API, so we load
// Discovery Doc found here: https://developers.google.com/people/api/rest/
var
discoveryDocs
=
[
"https://people.googleapis.com/$discovery/rest?version=v1"
]
;
// 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'
)
;
function
handleClientLoad
(
)
{
// Load the API client and auth2 library
gapi
.
load
(
'client:auth2'
,
initClient
)
;
}
function
initClient
(
)
{
gapi
.
client
.
init
(
{
apiKey
:
apiKey
,
discoveryDocs
:
discoveryDocs
,
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'
,
'requestMask.includeField'
:
'person.names'
}
)
.
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
>
<
script
async
defer
src
="
https://apis.google.com/js/api.js
"
onload
="
this.onload=function(){};handleClientLoad()
"
onreadystatechange
="
if (this.readyState === 'complete') this.onload()
"
>
</
script
>
</
body
>
</
html
>
Back
|
FazBrowse Home
|
New Git URL