小程序二级页面分享 小程序分享先跳转至首页再跳转至详情页 小程序分享空白页问题

2024-03-19 06:08

本文主要是介绍小程序二级页面分享 小程序分享先跳转至首页再跳转至详情页 小程序分享空白页问题,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

业务需求场景分析

小程序分享二级页面时,
1、先进入首页再跳转至二级页面;
2、对于还没有经过微信授权的新用户,先经过授权,再跳转至首页、然后跳转至目标页面

实现过程分析

不想看我啰嗦可以跳过,直接看代码!_

由于直接分享二级页面没有返回按钮,借鉴其他网站,先跳转一级页面,再跳转至目标页面,在此项目中,我们是跳转至首页,点击返回,用户可以看到所有TAB页面。
首先,在二级分享页面的share事件中,path路径先改为一级页面,比如我的项目是先跳转至首页(index页面),记得将二级页面参数附上。
然后,在index页面中,如果发现在onload事件中发现有你的目标页面传过来的参数,
1、判断onload事件中是否有你的目标页面传过来的参数,如果没有,则不进行任何操作;
2、如果有目标页面传参,则将次参数缓存起来备用(便于未授权的用户拿到此参数,如无需做顶部需求中第二条,则无需此操作);
3、判断当前用户是否经过授权,我的项目是判断是否存在memberId,如果存在memberId,则直接跳转至二级目标页面,将onload拿到的参数,传过去即可;
4、如果是未经授权的新用户,则当用户点击分享链接时,先跳转至login页面,在授权成功后的事件中:取出我们第二步中缓存的数据,
如果该数据不为空,则直接跳转至目标页面(附带参数);
如果该数据为空,则表明不是分享链接,直接跳转至首页;

如果你有更好的实现方法,欢迎指导交流……
具体代码如下:

如有疑问,欢迎交流
二级分享页面分享事件:

		onShareAppMessage(){title: "分享给你开心、快乐",path: '../index/index?shareId=123456'}

index页面onload事件

		onload( option ){//其他代码省略if( option.shareId != "" && option.shareId != undefined ){wx.setStorageSync("shareId",option.shareId )//此处判断是否经过微信授权,已经是我们的用户的情况if(memberId != "" || memberId != undefined){wx.navigateTo({//跳转至你的二级目标页面即可url: "../activity/detail?shareId=" + option.shareId			});}}}

login页面

//其他代码省略,在你授权成功后
var shareId = wx.getStorageSync("shareId")if( shareId != "" && shareId != undefined ){wx.navigateTo({//跳转至你的二级目标页面即可url: "../activity/detail?shareId=" + shareId			});}

这篇关于小程序二级页面分享 小程序分享先跳转至首页再跳转至详情页 小程序分享空白页问题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/825041

相关文章

Redis出现中文乱码的问题及解决

《Redis出现中文乱码的问题及解决》:本文主要介绍Redis出现中文乱码的问题及解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录1. 问题的产生2China编程. 问题的解决redihttp://www.chinasem.cns数据进制问题的解决中文乱码问题解决总结

全面解析MySQL索引长度限制问题与解决方案

《全面解析MySQL索引长度限制问题与解决方案》MySQL对索引长度设限是为了保持高效的数据检索性能,这个限制不是MySQL的缺陷,而是数据库设计中的权衡结果,下面我们就来看看如何解决这一问题吧... 目录引言:为什么会有索引键长度问题?一、问题根源深度解析mysql索引长度限制原理实际场景示例二、五大解决

Springboot如何正确使用AOP问题

《Springboot如何正确使用AOP问题》:本文主要介绍Springboot如何正确使用AOP问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录​一、AOP概念二、切点表达式​execution表达式案例三、AOP通知四、springboot中使用AOP导出

Python中Tensorflow无法调用GPU问题的解决方法

《Python中Tensorflow无法调用GPU问题的解决方法》文章详解如何解决TensorFlow在Windows无法识别GPU的问题,需降级至2.10版本,安装匹配CUDA11.2和cuDNN... 当用以下代码查看GPU数量时,gpuspython返回的是一个空列表,说明tensorflow没有找到

解决未解析的依赖项:‘net.sf.json-lib:json-lib:jar:2.4‘问题

《解决未解析的依赖项:‘net.sf.json-lib:json-lib:jar:2.4‘问题》:本文主要介绍解决未解析的依赖项:‘net.sf.json-lib:json-lib:jar:2.4... 目录未解析的依赖项:‘net.sf.json-lib:json-lib:jar:2.4‘打开pom.XM

IDEA Maven提示:未解析的依赖项的问题及解决

《IDEAMaven提示:未解析的依赖项的问题及解决》:本文主要介绍IDEAMaven提示:未解析的依赖项的问题及解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝... 目录IDEA Maven提示:未解析的依编程赖项例如总结IDEA Maven提示:未解析的依赖项例如

Go语言代码格式化的技巧分享

《Go语言代码格式化的技巧分享》在Go语言的开发过程中,代码格式化是一个看似细微却至关重要的环节,良好的代码格式化不仅能提升代码的可读性,还能促进团队协作,减少因代码风格差异引发的问题,Go在代码格式... 目录一、Go 语言代码格式化的重要性二、Go 语言代码格式化工具:gofmt 与 go fmt(一)

Redis分片集群、数据读写规则问题小结

《Redis分片集群、数据读写规则问题小结》本文介绍了Redis分片集群的原理,通过数据分片和哈希槽机制解决单机内存限制与写瓶颈问题,实现分布式存储和高并发处理,但存在通信开销大、维护复杂及对事务支持... 目录一、分片集群解android决的问题二、分片集群图解 分片集群特征如何解决的上述问题?(与哨兵模

SpringBoot+Redis防止接口重复提交问题

《SpringBoot+Redis防止接口重复提交问题》:本文主要介绍SpringBoot+Redis防止接口重复提交问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不... 目录前言实现思路代码示例测试总结前言在项目的使用使用过程中,经常会出现某些操作在短时间内频繁提交。例

解决Entity Framework中自增主键的问题

《解决EntityFramework中自增主键的问题》:本文主要介绍解决EntityFramework中自增主键的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝... 目录Entity Framework中自增主键问题解决办法1解决办法2解决办法3总结Entity Fram