Skip to content

GitLab

T
tangled
Commit 48d93ebd authored by CrystalFaith's avatar CrystalFaith Committed by Commit Bot
Browse files
Options

[Extension Documentation] OAuth Tutorial Update 

This document updates the current OAuth Tutorial.
It specifies OAuth2 with Google and the Identity API.
Example extension will connect will request access to user's
contacts then display contact photos in a div.


Bug: 486948, 306867, 127559, 126010
Change-Id: Iba3efd91ef894064398921d6bcc538e04e366398
Reviewed-on: https://chromium-review.googlesource.com/865459
Commit-Queue: Crystal Lambert <crystallambert@chromium.org>
Reviewed-by: default avatarDevlin <rdevlin.cronin@chromium.org>
Cr-Commit-Position: refs/heads/master@{#540680}
parent 65d1f5e1
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 489 additions and 178 deletions
chrome/common/extensions/docs/examples/tutorials/oauth_starter/background.js 0 → 100644
View file @ 48d93ebd
// Copyright 2018 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
'use strict';
chrome.browserAction.onClicked.addListener(function() {
chrome.tabs.create({url: 'index.html'});
});
chrome/common/extensions/docs/examples/tutorials/oauth_starter/index.html 0 → 100644
View file @ 48d93ebd
<!-- Copyright 2018 The Chromium Authors. All rights reserved.
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file. -->
<html>
<head>
<title>FriendBlock</title>
<style>
button {
padding: 10px;
background-color: #3C79F8;
display: inline-block;
}
</style>
</head>
<body>
<button>FriendBlock Contacts</button>
<div id="friendDiv"></div>
</body>
</html>
chrome/common/extensions/docs/examples/tutorials/oauth_starter/manifest.json 0 → 100644
View file @ 48d93ebd
{
"name": "OAuth Tutorial FriendBlock",
"version": "1.0",
"description": "Uses OAuth to connect to Google's People API and display contacts photos.",
"manifest_version": 2,
"browser_action": {
"default_title": "FriendBlock, friends face's in a block."
},
"background": {
"scripts": [
"background.js"
],
"persistent": false
}
}
chrome/common/extensions/docs/examples/tutorials/oauth_starter/oauth.js 0 → 100644
View file @ 48d93ebd
// Copyright 2018 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
'use strict';
window.onload = function() {
document.querySelector('button').addEventListener('click', function() {
chrome.identity.getAuthToken({interactive: true}, function(token) {
console.log(token);
});
});
};
chrome/common/extensions/docs/examples/tutorials/oauth_tutorial_complete/background.js 0 → 100644
View file @ 48d93ebd
// Copyright 2018 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
'use strict';
chrome.browserAction.onClicked.addListener(function() {
chrome.tabs.create({url: 'index.html'});
});
chrome/common/extensions/docs/examples/tutorials/oauth_tutorial_complete/index.html 0 → 100644
View file @ 48d93ebd
<html>
<head>
<title>FriendBlock</title>
<style>
button {
padding: 10px;
background-color: #3C79F8;
display: inline-block;
}
</style>
<script type="text/javascript" src="oauth.js"></script>
</head>
<body>
<button>FriendBlock Contacts</button>
<div id="friendDiv"></div>
</body>
</html>
chrome/common/extensions/docs/examples/tutorials/oauth_tutorial_complete/manifest.json 0 → 100644
View file @ 48d93ebd
{
"name": "OAuth Tutorial FriendBlock",
"version": "1.0",
"description": "Uses OAuth to connect to Google's People API and display contacts photos.",
"manifest_version": 2,
"browser_action": {
"default_title": "FriendBlock, friends face's in a block."
},
"permissions": [
"identity"
],
"background": {
"scripts": [
"background.js"
],
"persistent": false
},
"oauth2": {
"client_id": "ClientIDFromGoogleAPIConsole",
"scopes":["https://www.googleapis.com/auth/contacts.readonly"]
},
"key": "KeyFromDeveloperDashboardHere"
}
chrome/common/extensions/docs/examples/tutorials/oauth_tutorial_complete/oauth.js 0 → 100644
View file @ 48d93ebd
// Copyright 2018 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
'use strict';
window.onload = function() {
document.querySelector('button').addEventListener('click', function() {
chrome.identity.getAuthToken({interactive: true}, function(token) {
var init = {
method: 'GET',
async: true,
headers: {
Authorization: 'Bearer ' + token,
'Content-Type': 'application/json'
},
'contentType': 'json'
};
fetch(
'https://people.googleapis.com/v1/contactGroups/all?maxMembers=20&key=<API_Key_Here>',
init)
.then((response) => response.json())
.then(function(data) {
let photoDiv = document.querySelector('#friendDiv');
let returnedContacts = data.memberResourceNames;
for (var i = 0; i < returnedContacts.length; i++) {
fetch(
'https://people.googleapis.com/v1/' + returnedContacts[i] +
'?personFields=photos&key=<API_Key_Here>',
init)
.then((response) => response.json())
.then(function(data) {
let profileImg = document.createElement('img');
profileImg.src = data.photos[0].url;
photoDiv.appendChild(profileImg);
});
};
});
});
});
};
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment