微信小程序中嵌套html_微信小程序中使用 <web-view> 内嵌 H5 时,登录问题的处理方法...

本文介绍了在微信小程序中使用内嵌H5时,如何处理登录状态同步的问题。通过在小程序中封装接口请求携带cookie,成功登录后保存cookie,然后在H5页面获取并设置cookie,实现了接口请求时携带用户登录状态,确保后端能够正确判断。
摘要由CSDN通过智能技术生成

在微信小程序的开发中,经常遇到需要使用 内嵌 H5 的需求。在这种需求中比较棘手的问题应该就是登录状态的判断了,小程序中的登录状态怎样与H5中的登录状态保持一致?

一般来说,后端开发同事多数会要求我们在 H5 中的接口请求中携带 cookie,来获取用户当前的登录状态。这个该如何实现呢?

分为以下几步:

1、小程序中,封装统一的接口请求方法(以便在每个接口中都携带 cookie,放在 header 中);

const request = parameter =>{//url必填项

if (!parameter || parameter == {} || !parameter.url) {

console.log('Data request can not be executed without URL.');return false;

}else{var murl =parameter.url;var headerCookie = wx.getStorageSync('cookie');//判断是否有独自cookie请求

var selfCookie =parameter.selfCookie;

selfCookie&& (headerCookie +=selfCookie);

wx.request({

url: murl,

data: parameter.data||{},

header: {//'Content-Type': 'application/x-www-form-urlencoded',

'Cookie&

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值