Vent-App/pages/webview/webview.vue

<!-- /pages/webview/webview.vue -->
<template>
	<view>
		<web-view style="height:calc(100% - 30px);margin-top:30px" :src="src" ref="webview"></web-view>
		<view class="zai-title text-shadow " style="position: fixed;top:5px;z-index:3">返回</view>
	</view>
</template>

<script>
	import configService from "@/common/service/config.service.js";
	import {
		ACCESS_TOKEN,
		USER_NAME,
		USER_INFO
	} from "@/common/util/constants";
	import api from "@/api/api";
	export default {
		data() {
			return {
				timer: '',
				src: ''
			};
		},
		methods: {
			onLoaded() {
				this.$tip.toast("onLoaded");
				// 在webview加载完成后，注入JavaScript代码
				this.$refs.webview.evalJs(`
	        (function() {
	          // 监听URL变化事件
	          window.addEventListener('hashchange', function() {
	            // 将URL变化通过postMessage传递给uniapp
	            window.postMessage(JSON.stringify({
	              type: 'urlChange',
	              url: window.location.href
	            }));
	          });
	
	          // 监听popstate事件（用于处理浏览器历史记录的变化）
	          window.addEventListener('popstate', function() {
	            window.postMessage(JSON.stringify({
	              type: 'urlChange',
	              url: window.location.href
	            }));
	          });
	
	          // 初始化时发送一次当前URL
	          window.postMessage(JSON.stringify({
	            type: 'initUrl',
	            url: window.location.href
	          }));
	        })();
	      `);

				// 监听来自webview的消息
				window.addEventListener('message', (event) => {
					const data = JSON.parse(event.data);
					if (data.type === 'urlChange') {
						console.log('Webview URL changed:', data.url);
						// 在这里处理URL变化逻辑
					} else if (data.type === 'initUrl') {
						console.log('Initial Webview URL:', data.url);
						// 处理初始化时的URL
					}
				});
			},
			startListening() {
				this.timer = setInterval(() => {
					var pages = getCurrentPages();
					var page = pages[pages.length - 1];
					var currentWebview = page.$getAppWebview();
					var urls = currentWebview.children()[0].getURL();
					console.log("=======当前地址======", urls);

					console.log(
						'WebView加载新页面------------------------------------------------------------------------' +
						this.src);
					if (urls.indexOf("ticket") != -1) {
						this.stopListening();
						var tourl = urls;
						tourl = tourl.substring(tourl.indexOf("ticket") + 7, tourl.length)
						var pos = tourl.indexOf("&");
						if (pos != -1)
							tourl = tourl.substring(0, pos)
						// uni.navigateTo({
						//   url: "/pages/login/login",
						// });
						this.loginCas(tourl)
					}
				}, 1000); // 间隔3秒检查一次
			},
			stopListening() {
				if (this.timer) {
					clearInterval(this.timer);
					this.timer = null;
				}
			},

			loginCas(value) {
				var than = this
				var ser = this.src;
				new Promise((resolve, reject) => {
					api
						.validateCasLogin('', "?ticket=" + value + "&service=" + ser)
						.then((response) => {
							debugger
							// console.log("response===>response", JSON.stringify(response));
							// if (response.data.code == 200) {
							// 	uni.setStorageSync(ACCESS_TOKEN, response.data.result.token);
							// } else {
							// }
							const result = response.data.result
							const userInfo = result.userInfo
							uni.setStorageSync(ACCESS_TOKEN, result.token);
							uni.setStorageSync(USER_INFO, userInfo);
							console.log("userInfo=" + userInfo)
							this.$store.commit('SET_TOKEN', result.token)
							console.log("result.token=" + result.token)
							this.$store.commit('SET_DICT', result.sysAllDictItems)
							this.$store.commit('SET_AVATAR', userInfo.avatar)
							this.$store.commit('SET_NAME', {
								username: userInfo.username,
								realname: userInfo.realname
							})

							console.log("getPermissionList-----------")
							than.getPermissionList()
						})
						.catch((error) => {
							debugger
							// console.log("catch===>response", error);
							// uni.navigateTo({
							//   url: "/pages/home/home",
							// });
						});
				});

			},

			//获取权限菜单
			getPermissionList() {
				console.log("getPermissionList=========================")
				new Promise((resolve, reject) => {
					api
						.getPermission({})
						.then((response) => {
							console.log(response, '权限菜单----------------')
							if (response.statusCode == 200) {
								let data = response.data.result.menuApp
								let dataBtn = response.data.result.appauth
								uni.setStorageSync('menuPermission', data);
								uni.setStorageSync('btnPermission', dataBtn);
								this.$tip.success("登录成功!");
								uni.navigateTo({
									url: "/pages/index/index",
								});
							} else {
								reject(response);
							}
						})
						.catch((error) => {
							console.log("catch===>response", response);
							reject(error);
						});
				});
			},
			saveClientId() {
				console.log("saveClientId=========================")
				var info = plus.push.getClientInfo();
				var cid = info.clientid;
				this.$http
					.get("/sys/user/saveClientId", {
						params: {
							clientId: cid
						}
					})
					.then((res) => {
						console.log("res::saveClientId>", res);
						//获取权限菜单
						this.getPermissionList()
					});
			},
		},
		onShow() {
			this.startListening();
		},
		onHide() {
			this.stopListening();
		},
		watch: {},
		onUnload() {
			plus.runtime.quit();
		},
		onLoad(option) {
			// 获取传递过来的url参数
			let optionurl = option.url;
			console.log('onLoad  当前URL:', option.url);
			// setTimeout(()=>{

			// 	console.log('onLoad  setNavigationBarTitle', option.url);
			// uni.setNavigationBarTitle({
			//         title: '单点登录'
			//       });
			// },2000)
			console.log("option.url======" + option.url)
			this.src = decodeURIComponent(optionurl);
		}
	};
</script>
<style scoped>
	.zai-title {
		margin-top: 20upx;
		font-size: 58upx;
		color: #000000;
		text-align: center;
	}
</style>