global.js 3.96 KB
/**
 * 全局引用js
 * @author: feng.chen<feng.chen@yoho.cn>
 * @date: 2017/03/15
 */
const $ = require('yoho-jquery');
const cookie = require('yoho-cookie');
const qs = require('yoho-qs');
const tip = require('plugin/tip');
const yoho = require('./yoho-app');

// 如果不是 App,就把这个 cookie 清理掉,解决之前缓存错误的问题 20171020
const isApp = qs.app_version || /YohoBuy/i.test(navigator.userAgent || '');

if (!isApp) {
    cookie.remove('app_uid', 'app_version', 'app_client_type');
}

// App 的信息需要存下来
if (yoho.isApp && qs.uid && qs.app_version && qs.client_type) {
    const options = {
        path: '/'
    };

    // 如果 App 没有写 UID,或者写的不对,H5 写一下
    if (!cookie.get('app_uid') || cookie.get('app_uid') === '0') {
        qs.uid && cookie.set('app_uid', qs.uid, options);
        qs.app_version && cookie.set('app_version', qs.app_version, options);
        qs.client_type && cookie.set('app_client_type', qs.client_type, options);
        qs.session_key && cookie.set('app_session_key', qs.session_key, options);
    }
}

// 注册ajaxError处理服务端401状态
$(document).ajaxError((event, xhr) => {
    if (xhr.status === 401) {
        if (xhr.responseJSON && xhr.responseJSON.lowVersion) {
            tip.show(xhr.responseJSON.message);
        } else {
            cookie.remove('_UID');
            cookie.remove('_TOKEN');

            if (yoho.isApp) {
                yoho.goLogin(window.location.href);
            } else {
                window.location.href = `/signin.html?refer=${encodeURIComponent(window.location.href)}`;
            }
        }
    }
});

if ('serviceWorker' in navigator) {
    window.addEventListener('load', function() {
        navigator.serviceWorker.register('/sw.js', {scope: '/'}).then(function(registration) {
            console.log('SW registered: ', registration);

            // this.addEventListener('install', function(event) {
            //     event.waitUntil(
            //         caches.open('my-test-cache-v1').then(function(cache) {
            //             return cache.addAll([
            //                 '/'
            //             ]);
            //         })
            //     );
            // });

            // this.addEventListener('fetch', function(event) {
            //     console.log(event.request);
            //     event.respondWith(
            //         caches.match(event.request).then(function(response) {
            //             // 来来来,代理可以搞一些代理的事情

            //             // 如果 Service Worker 有自己的返回,就直接返回,减少一次 http 请求
            //             if (response) {
            //                 return response;
            //             }

            //             // 如果 service worker 没有返回,那就得直接请求真实远程服务
            //             let request = event.request.clone(); // 把原始请求拷过来

            //             return fetch(request).then(function(httpRes) {

            //                 // http请求的返回已被抓到,可以处置了。

            //                 // 请求失败了,直接返回失败的结果就好了。。
            //                 if (!httpRes || httpRes.status !== 200) {
            //                     return httpRes;
            //                 }

            //                 // 请求成功的话,将请求缓存起来。
            //                 let responseClone = httpRes.clone();

            //                 caches.open('my-test-cache-v1').then(function(cache) {
            //                     cache.put(event.request, responseClone);
            //                 });

            //                 return httpRes;
            //             });
            //         })
            //     );
            // });
        }).catch(registrationError => {
            console.log('SW registration failed: ', registrationError);
        });
    });
}