Stack Exchange API in Chrome extension

Question

How I can connect my extension to the API? I tried to use this example code for connecting:

SE.init({
    clientId: 1,
    key: '?',
    channelUrl: '?',
    complete: function (data) { alert('connected') }
 });
SE.authenticate({
    success: function(data) { alert('ok') },
    error: function(data) { alert('error') },
    networkUsers: true
});

Which value I should put in channelUrl? And how I can register app and get token key, if it will work locally?

Answer 1

I've built an extension that uses StackExchange API using OAuth2 flow. I did not use the JS SDK and did it manually instead.

Here is how I did it:

function auth(sendResponse) {
  const scope = 'read_inbox,no_expiry,private_info';
  const clientId = '12364';
  const redirectUrl = chrome.identity.getRedirectURL('oauth2');
  const url = `https://stackoverflow.com/oauth/dialog?client_id=${clientId}&scope=${scope}&redirect_uri=${redirectUrl}`;
  chrome.identity.launchWebAuthFlow(
    { url: url, interactive: true },
    redirect_url => {
      const token = redirect_url.match(/access_token=(.+)/)[1];
      sendResponse({ token });
    }
  );
}