Chrome拡張機能のためにreact-chrome-reduxスタックを使用しています。 Calendar APIからJavascript/Node.jsクイックスタートを試しましたが、動作しません。GoogleカレンダーAPI Chromeの拡張機能からのHTTPリクエスト
これで、Chrome ID APIを使用してoAuth2トークンを取得し、次にデータを取得するためのHTTPリクエストを作成しようとしています。
manifest.jsonを
"oauth2": {
"client_id": "CLIENT_ID.apps.googleusercontent.com",
"scopes": [
"https://www.googleapis.com/auth/calendar",
"https://www.googleapis.com/auth/calendar.readonly"
]
},
"key": APP_KEY}
HTTPリクエスト
chrome.identity.getAuthToken({ 'interactive': false }, function(token) {
var init = {
'method' : 'GET',
'async' : true,
'headers': {
'Authorization' : 'Bearer ' + token,
'Content-Type': 'application/json'
},
'contentType': 'json'
};
fetch('https://www.googleapis.com/calendar/v3/calendars/public/events', init)
.then((response) => response.json()) // Transform the data into json
.then(function(data) {
console.log(data);
})
})
私はのOAuth2トークンから長い文字列を取得するために管理しますが、私は、HTTPリクエストを作成しようとすると、 404ステータスエラーが表示されます。
私はStack Overflowで長い間探してきましたが、ほとんどの質問にはうまく答えられず、クロムエクステンションからAPIを使用する簡単な方法はないようです。
本当にありがとうございました!
エクステンションをロードして実行するときに、[*あなたのエクステンションのさまざまな適切なコンソール](http://stackoverflow.com/a/38920982/3773011)に*正確に*表示されていますか? – Makyen
**新しいタブページ**: 'リソースの読み込みに失敗しました:サーバが404()'のステータスで応答しました。返されたデータを表示すると、 'error'オブジェクトが表示されます。 **背景ページ**: エラーログはありません。 私の内線が新しいタブページを上書きしています。私は今、新しいタブページにコードを載せています。 – user6679132