监听ReactNative 在前台后台运行状态

最新推荐文章于 2025-11-15 18:00:42 发布

原创最新推荐文章于 2025-11-15 18:00:42 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react native

本文探讨了一个暂时被关闭的功能，该功能用于监听应用的前后台状态变化，并在应用进入后台运行时记录在线时长，以便进行后续的数据上报。文章中提到了使用AppState API监听状态，并在状态变化时记录时间，计算在线时长，最后通过axios POST请求将时长数据发送到服务器。

 //监听前后台 这个功能暂时关闭  存在漏洞
    // AppState.addEventListener('change', (state) => {
    //     if (state === 'active') {
    //       starttime=new Date().valueOf();
    //     } else if (state === 'background') {
    //         let endtime=new Date().valueOf();
    //         let lineTime=endtime-starttime;
    //         console.log(lineTime/1000/3600)
    //         let token=this.props.token;
    //         let userId=this.props.userId;
    //         if (token!=""&&userId!=""&&lineTime>=1) {
    //           console.log('准备发送在线时长！');
    //           axios.post(`${configUrl}/User/on_line_time`,`token=${this.props.token}&userId=${this.props.userId}&lineTime=${lineTime}`)
    //           .then((res)=>{
    //             let time=eval('(' + res.data + ')');
    //             console.log(time);
    //           })
    //           .catch((err)=>{
    //             console.log(err);
    //           })
    //         }
    //     } else if (state === 'inactive') {
          
    //     }
    // });