chrome.identity User Authentication in a Chrome Extension

by

You don’t have to upload an extension to the Chrome Web Store in order to use the chrome.identity API. It suffices to have a valid extension ID. The easiest way to get started is to copy the 32-character extension ID from chrome://extensions/ to your project’s credentials section at the API console see screenshot below.
Though if you ever want to publish the extension or use it in a different profile or computer, then you’d better choose an extension ID that you control. This can be done by setting the "key" key in the manifest file. See Obtaining Chrome Extension ID for development for a detailed answer on generating these keys.

For example, try out the following extension, using a key that I just generated. It will print your user info in a dialog.

manifest.json

{
    "key": "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEA0W0/YVPvLrj2cWBOXfPBBYwPp56R+OJb9QLudyMpigF+V4DFV0NEUnbo9iA6m+7cVPiD6YbhbIaiAoHSdtqEKwaYvrEJRGuGsLjDq+RMwG2x+FcGIsO4ny0BuZaZ/Q2+DaL33NBUl2h9dIi1xa0Suq6qpoJ4yykTu9y7Q6rB9ulJze6DiZL7LWU5NzHCEWt21zAhpLZOqvYY8wzY69pMf+P0+uOLuy87x84rvCRNegbSmEYLC5f4y6ikjVnFUxJBxMlpMg3bByxbrLVBFPuHj4khkr6adUXgks2vBBHFcrRh5EYXopI+PLwUJPfFtzyN8+L7swen9kcK8gXMwX28KwIDAQAB",
    "name": "Identity test",
    "version": "1",
    "manifest_version": 2,
    "background": {
        "scripts": ["background.js"]
    },  
    "permissions": [
        "identity"
    ],  
    "oauth2": {
        "client_id": "1014705257182-52dddl9dbiec2ln22stokphlaq0v7gor.apps.googleusercontent.com",
        "scopes": ["profile"]   
    }   
}

background.js

chrome.identity.getAuthToken({
    interactive: true
}, function(token) {
    if (chrome.runtime.lastError) {
        alert(chrome.runtime.lastError.message);
        return;
    }
    var x = new XMLHttpRequest();
    x.open('GET', 'https://www.googleapis.com/oauth2/v2/userinfo?alt=json&access_token=' + token);
    x.onload = function() {
        alert(x.response);
    };
    x.send();
});

More Related Contents:

  1. How can I get the URL of the current tab from a Google Chrome extension?
  2. How to stop CORB from blocking requests to data resources that respond with CORS headers?
  3. How to change chrome packaged app id Or Why do we need key field in the manifest.json?
  4. How can I open my extension’s pop-up with JavaScript?
  5. Since v38, Chrome extension cannot load from HTTP URLs anymore, workaround?
  6. chrome extension mv3 – Modularize service worker js file
  7. Disable developer mode extensions pop up in Chrome
  8. Where does Chrome store extensions?
  9. Is it possible to run Google Chrome in headless mode with extensions?
  10. Using ECMAScript 6
  11. Content script matching top-level domains like all google.*
  12. How to download a CRX file from the Chrome web store for a given ID? [closed]
  13. Insert an image in chrome extension
  14. How to disable (gray out) page action for Chrome extension?
  15. Can I modify outgoing request headers with a Chrome Extension?
  16. Is it possible to inject a javascript code that OVERRIDES the one existing in a DOM? (e.g default alert function)
  17. How to access the webpage DOM/HTML from an extension popup or background script?
  18. How do I import scripts into a service worker using Chrome extension manifest version 3?
  19. Cross-origin request in a content script is blocked by CORB despite the correct CORS headers
  20. Disable chrome download multiple files confirmation
  21. Add contextmenu items to a Chrome extension’s browser action button
  22. Google Chrome Extensions – Open New Tab when clicking a toolbar icon
  23. Chrome version 18+: How to allow inline scripting with a Content Security Policy?
  24. What does “http://*/*”, “https://*/*” and “” mean in the context of Chrome extension’s permissions
  25. CORS issue doesn’t occur when using POSTMAN
  26. How can I detect the current tab’s mime type in a Google Chrome extension?
  27. Run script each time Chrome extension icon clicked
  28. Chrome Console SameSite Cookie Attribute Warning
  29. Passing message from background.js to popup.js
  30. Accessing `window`/DOM/HTML of the webpage from the extension

Leave a Comment