Angular4中如何每15分钟触发方法调用API？

嗨，我来帮你搞定这个定时任务的需求！咱们一步步调整你的代码：

1. 修正定时间隔 #

你当前设置的是10秒（10000毫秒），要改成15分钟的话，得换算成对应的毫秒数：15 * 60 * 1000 = 900000毫秒，这才是符合需求的间隔值。

2. 优化IP请求逻辑 #

你现在两次调用publicIp.v4()获取公网IP，其实完全可以合并成一次，避免重复发起网络请求，优化后的UPDATE_USER_SESSION方法如下：

UPDATE_USER_SESSION() {
  this.publicIp.v4().then(ip => {
    this.END_USER_SESSION(ip);
    this.INSERT_USER_SESSION(ip);
  });
}

3. 处理订阅的内存泄漏 #

在Angular组件中，如果不对interval的订阅进行清理，当组件销毁后这个定时器会继续运行，造成内存泄漏。所以咱们要在组件销毁时取消订阅：

首先确保组件实现OnDestroy接口，然后保存订阅实例，在ngOnDestroy钩子中执行取消操作：

import { Component, OnInit, OnDestroy } from '@angular/core';
import { Observable, Subscription } from 'rxjs';
import 'rxjs/add/observable/interval';

// 替换成你的实际组件类名
export class YourComponent implements OnInit, OnDestroy {
  private intervalSubscription: Subscription;

  ngOnInit() {
    // 设置15分钟的调用间隔
    this.intervalSubscription = Observable.interval(900000)
      .subscribe(() => {
        this.UPDATE_USER_SESSION();
      });

    // 可选：如果希望组件初始化时立即执行一次，而不是等15分钟再触发
    this.UPDATE_USER_SESSION();
  }

  ngOnDestroy() {
    // 组件销毁时取消订阅，避免内存泄漏
    if (this.intervalSubscription) {
      this.intervalSubscription.unsubscribe();
    }
  }

  UPDATE_USER_SESSION() {
    this.publicIp.v4().then(ip => {
      this.END_USER_SESSION(ip);
      this.INSERT_USER_SESSION(ip);
    });
  }

  // 你的END_USER_SESSION和INSERT_USER_SESSION方法实现
  END_USER_SESSION(ip: string) {
    // 你的业务逻辑
  }

  INSERT_USER_SESSION(ip: string) {
    // 你的业务逻辑
  }
}

额外提示 #

如果END_USER_SESSION和INSERT_USER_SESSION是返回Observable的HTTP请求，还可以用RxJS的forkJoin操作符合并这两个请求，让它们并行执行；如果是Promise的话，当前的写法就完全没问题啦。

内容的提问来源于stack exchange，提问作者Nikson