微信H5分享、复制链接遇到的坑

背景：
项目基于微信H5开发，微信内嵌浏览器在访问项目时，可以分享和复制链接，因为连接中携带了openId，导致系统权限失效，相当于别人拿着你家的钥匙进你家门一样。

解决思路：
在微信H5的入口请求中，增加携带openId 的cookie，前端全局js在页面加载时获取cookie ,如果没有，或者 cookie中的openId 与 URL携带的openId不一致，说明是分享或者复制的连接，直接跳转到关注公众号页面。

实现过程中的坑：
以前一直以为只要域名相同，重定向的cookie 就能保存到浏览器。但前端一直获取不到cookie，后来发现原来cookie 除了domain 还有path 属性，只要把path 值设置为 “/” 就好了。

Cookie cookie =  new Cookie("token",Base64Utils.encodeToString(token.getBytes()));
cookie.setPath("/");

微信H5分享、复制链接遇到的坑相关推荐

微信H5分享外部链接，缩略图不显示
微信公众号酒酒酒搜索 "微信H5分享外部链接,缩略图不显示" 查看原文前言:最近做了一款推广茶的APP软件,展厅.产品需要分享功能:从APP内分享到H5网页:微信内打开H5网页, ...
微信H5分享接口问题（避开99%坑）
记录一下微信H5分享接口问题(一次性跳出99%的坑)-小叶白龙博客这个是官方分享接口地址:概述 | 微信开放文档微信 JS 接口签名校验工具:微信 JS 接口签名校验工具 1,按文档第一步到第四步 ...
微信h5分享好友和朋友圈功能
在开发公众号H5项目时,如果想和小程序一样有分享朋友圈和好友功能时发现会不一样. 开发微信小程序时做分享有会有onShareAppMessage 这个方法.因为H5有许多限制,所以在做微信H5分享时就 ...
微信html5推广,制作微信H5漂亮推广链接网站大收集，很多伙伴都收藏了
原标题:制作微信H5漂亮推广链接网站大收集,很多伙伴都收藏了微信朋友圈刷了无数遍相信很多小伙伴们都看过朋友圈那些漂亮绚丽的H5链接吧那么很多人会问那是怎样制作的也许很多小伙伴都会制作但是很 ...
禁用微信公众号复制链接
禁用微信分享记录一个奇怪的需求需要禁用微信公众号复制链接但是跳转a 链接后会失效但是可以解决 if (typeof WeixinJSBridge == "undefined" ...
微信自定义分享卡片链接的解决方案（可自定义标题描述图片）
微信自定义分享卡片链接的解决方案(可自定义标题描述图片) 参考文章: (1)微信自定义分享卡片链接的解决方案(可自定义标题描述图片) (2)https://www.cnblogs.com/rg ...
微信H5分享朋友圈踩坑
1.所需权限需要公众号有分享权限,无权限无法分享成功,一般认证后就有权限,微信白名单需要配置地址,xxx.xxx.xxx(精确到二级域名) 2.后端接口一般需要将线上url地址传递给后端,后端返回 ...
uniapp - 微信H5 分享微信朋友圈展示链接，不是缩略图卡片的原因与解决方案
问题: 在分享页面点了分享朋友圈,就会只展示链接前置条件 : 1. 微信公众号已经配置完域名并且已完成微信认证 / appId 也没有问题的情况下原因 : 微信开放全域名访问后出现的限制解决办 ...
H5微信自定义分享图文链接（设置标题+简介+图片）——附源码
1. 最近突然发现微信"卡片式"分享链接变成了如下形式: 原来的是这样的: 后来也解决了,原来是部署域名换了,微信公众号的相关配置没有改造成的.微信的其他域名都可以写多个,唯独服务 ...
微信浏览器的html5页面显示配置等问题汇集 1,禁止微信浏览器分享页面链接 (定点更新)...
公司新需求,要求从安卓IOS应用分享到微信的链接页面不允许二次转发,所以开始编程第一步,上网找资料... 网上大神就是多,不消两分钟,找到方案,很简单,上代码先: 1 wx.config({ 2 de ...

微信H5分享、复制链接遇到的坑

微信H5分享、复制链接遇到的坑相关推荐

最新文章

热门文章