需求:内嵌pc端登录页面,实现uniapp登录
前提:pc端登录页面,登录成功之后会自动重定向到指定的pc端页面并加上鉴权成功的code
// 举例
// www.maomin.com/login PC端登录页面
// www.maomin.com/loginSuccess?code=XXXX // 登录成功以后自动跳转
思路:
1、在pc端处理,在uniapp成功登录之后跳转到www.maomin.com/loginSuccessApp?code=xxxx
,此时pc端代码如下:
document.addEventListener('UniAppJSBridgeReady', function () {
let arr = window.location.href.split('?');
let loginParams = arr[1].split('=')
let code = loginParams[1] || ''
// 登录成功获取code并跳转到app页面
uni.reLaunch({
url: "/pages/loginSuccess?code=" + code
})
})
存在的问题:
1)PC端需要引入uni.web-view.js
<script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2