【发布时间】：2019-11-02 14:35:06
【问题描述】：
在 Safari 上测试我的节点应用程序时，存储在浏览器历史记录中的路由似乎每次请求都会被 ping 两次，并执行与该路径关联的所有方法调用两次（浏览器本身似乎只收到一个响应，不过）。
这主要是一个问题，因为我正在与 Google 日历 API 交互以添加新的日历事件 - 现在，当我尝试添加一次测试事件时，它会被添加两次。到目前为止，这似乎只发生在 Safari 中（但我只在 Safari 和 Chrome 中测试过）。
实际发生了什么：
我开始输入“localhost:3000/add”，浏览器预测路径的最后两个字母，一旦出现预测文本，我可以通过 console.log 看到应用程序执行了在应用程序中定义的路径.get('/add')，即使这些活动在浏览器端都不明显（例如，浏览器不会刷新并显示它从 API 调用接收到的信息，即使该信息正在被记录，并且向 res 发送信息是导致日志语句的同一函数的一部分）。
然后，当我实际输入地址时，路径再次执行，但这一次浏览器在收到响应后刷新，并显示新数据。
test.js：
"use strict";
const express = require('express');
const app = express();
//must be initialized with .init()
const CalendarManager = require('./GoogleCalApi.js');
const calendar = new CalendarManager();
require('dotenv').config('./.env');
calendar.init(process.env.GOOGLE_CLIENT_ID,
process.env.GOOGLE_CLIENT_SECRET,
process.env.REDIRECT_URL + '/oauthcallback',
(m) => console.log);
app.get('/', (req, res) => {
res.sendFile(process.cwd() + '/views/test.html')
})
app.get('/verify', (req, res) => {
calendar.getAuthUrl((err, url)=>{ err ? res.send('error getting auth url') :
res.redirect(url) });
})
app.get('/oauthcallback', (req, res) => {
console.log('callback ping')
let done = (err, message) => message ? res.send(message) : res.send(err);
calendar.storeCred(req.query.code, done)
})
app.get('/add', (req, res) => {
console.log('add route ping')
let event = {
'summary': 'TestEvent',
'start': {
'date': '2019-07-13'
},
'end': {
'date': '2019-07-14'
}
}
calendar.addEvent(event, (err, data) => { res.send(err ? err : data) });
})
app.listen(3000, () => {console.log('listening on port 3000')})
GoogleCalApi.js：
const {google} = require('googleapis');
function GoogleCalendarApi () {
this.initialized = false;
this.oauth2Client = null;
this.url = null;
this.token = null;
this.calendar = null;
this.init = function (clientId, clientSecret, redirect_url, done) {
this.oauth2Client = new google.auth.OAuth2(
clientId,
clientSecret,
redirect_url
);
this.scopes = ['https://www.googleapis.com/auth/calendar'];
this.url = this.oauth2Client.generateAuthUrl({
access_type: 'offline',
scope: this.scopes
})
//listeners
this.oauth2Client.on('tokens', (tokens) => {
console.log('token event:', this.token)
if (tokens.refresh_token) {
this.token = tokens.refresh_token;
console.log('refresh: ' + tokens.refresh_token)
}
console.log('auth token: ' + tokens.access_token)
})
console.log('initialized', this.oauth2Client)
this.initialized = true;
done('initialized');
};
/**
* @param done: callback function that can handle two params: error and url
* -error should be null, or an error message
* -url should be an address for Google Cloud's authentication process
**/
this.getAuthUrl = (done) => { this.url ? done(null, this.url) : done('error: url not defined') }
this.storeCred = function (code, done) { //code from req.query.code
async function cred (auth) {
try {
console.log('storeCred ping')
const {tokens} = await auth.getToken(code)
auth.setCredentials(tokens)
console.log('tokens', tokens)
done(null, 'authenticated')
} catch (err) {
console.log('error in cred:', err)
done(err)
}
}
try { cred(this.oauth2Client) } catch (err) { done(err) }
}
this.addEvent = function (event, done) {
console.log('add event ping')
if (this.calendar === null) this.calendar = google.calendar({version: 'v3', auth: this.oauth2Client});
this.calendar.events.insert({
auth: this.oauth2Client,
calendarId: 'primary',
resource: event
}, (err, data) => { done(null, data) })
}
} //end constructor
module.exports = GoogleCalendarApi;
如上所述，我看到：
add route ping
add event ping
add route ping
add event ping
在控制台中，我应该只看到：
add route ping
add event ping
当我访问日历页面本身时，我正在更新的谷歌日历有一个重复的事件。
（另外，我对使用markdown很不熟悉，所以如果这个问题的代码部分格式化失败，我提前道歉，在我能够修复它之前，请随时忽略该帖子）
【问题讨论】：
标签： express