<template>
	<view>
		<web-view :src="url" @message="getMessage"></web-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				url: ''
			}
		},
		onLoad(options) {
			uni.request({
				// new Date().getTime()是為了確保不用緩存
				url: 'https://存放配置的服務(wù)器/config.json?t=' + new Date().getTime(),
				complete: (res)=> {
					let url = "默認(rèn)鏈接";
					if(res.statusCode == 200){
						url = res.data.url;
					}
					// 可以獲取用戶設(shè)備號
					let pinf = plus.push.getClientInfo(); 
					let cid = pinf && pinf.clientid || '';
					// 處理服務(wù)器配置的鏈接
					let d = url.indexOf('?') > -1? '&' : '?';
					this.url = `${url}$vvxyksv9kdt=${new Date().getTime()}&cid=${cid}`
				}
			});
		},
		methods: {
			// 可以把開啟藍(lán)牙、定位等原生操作放在webview消息里面回傳
			getMessage(event) {
				let data = event.detail.data;
				if(data.action){
					uni[data.action](data.options)
				}
			}
		}
	}
</script>
<style>
</style>

<script src="static/js/uniapp-sdk.js"></script>

const control = {
	// 在這些頁面上后退按鈕點兩次會退出app
    homePaths: ['/index','/login'],
    state: [],
    vueObj: null,
    init(vueObj){
        this.vueObj = vueObj;
        this.addListener();
        return this;
    },
    // 判斷是否首頁（需要后退能退出app的頁面）
    isHome(path) {
    	return this.homePaths.includes(path);
    },
    // 在beforeEnter里面加上它，把路由狀態(tài)保存起來
    pushState(path) {
        if(path!==this.state[this.state.length-1]){
        	this.state.push(path);
        }
    },
    // 頁面在后退的地方調(diào)用它
    back() {
    	// 在首頁等需要退出app的地方直接后退
        if(this.isHome(this.vueObj.$route.path)){
            window.uni.navigateBack();
            return
        }
        // 如果在非app環(huán)境刷新了頁面
        if(this.state.length){
        	// 自己的路由狀態(tài)保存
            this.state.pop();
            // 這里這么寫是因為有些手機(jī)后退，頁面狀態(tài)會很奇怪，所有即使直接push上一個頁面進(jìn)來
            this.vueObj.$router.push({ path: this.state[this.state.length-1] });
        } else {
            history.go(-1);
        }
    },
    // 監(jiān)聽后退按鈕
    addListener(){
    	// 本地開發(fā)的時候不用監(jiān)聽后退
         if(typeof window.plus === 'undefined'){
             console.log("當(dāng)前不是app環(huán)境");
             return;
        }
        const _this = this;
        document.addEventListener('UniAppJSBridgeReady', function() {
            var webview = window.plus.webview.currentWebview(); 
            window.plus.key.addEventListener('backbutton', function() {
                webview.canBack(function(e) {
                    if (e.canBack) {
                        _this.back();
                    } else {
                        window.uni.navigateBack();
                    }
                })
            });
        })
    }
};
export default control;

import Vue from 'vue';
import VueRouter from 'vue-router';
import HistoryCtrl from "static/js/history-ctrl";
const router = new VueRouter({
    routes: routerConfig
});
router.beforeEach(async (to, from, next) => {
	// 自己的路由
    HistoryCtrl.pushState(to.path);
    next();
});
const vueObj = new Vue({
    el: "#app",
    router,
    store
});
// 把自己做的前進(jìn)后退掛載到vue里面方便調(diào)用
Vue.prototype.$historyctrl = HistoryCtrl.init(vueObj);
// 解決彈窗遮罩滑動穿透的問題
document.querySelector('body').addEventListener('touchmove', function(e) {
    e.preventDefault();
})

this.$historyctrl.back();