uniapp 内嵌h5登录页面实现登录

需求:内嵌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
  • 2
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值