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

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

相关文章

线上Java OOM问题定位与解决方案超详细解析

《线上JavaOOM问题定位与解决方案超详细解析》OOM是JVM抛出的错误,表示内存分配失败,:本文主要介绍线上JavaOOM问题定位与解决方案的相关资料,文中通过代码介绍的非常详细,需要的朋... 目录一、OOM问题核心认知1.1 OOM定义与技术定位1.2 OOM常见类型及技术特征二、OOM问题定位工具

python获取指定名字的程序的文件路径的两种方法

《python获取指定名字的程序的文件路径的两种方法》本文主要介绍了python获取指定名字的程序的文件路径的两种方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要... 最近在做项目,需要用到给定一个程序名字就可以自动获取到这个程序在Windows系统下的绝对路径,以下

Vue3绑定props默认值问题

《Vue3绑定props默认值问题》使用Vue3的defineProps配合TypeScript的interface定义props类型,并通过withDefaults设置默认值,使组件能安全访问传入的... 目录前言步骤步骤1:使用 defineProps 定义 Props步骤2:设置默认值总结前言使用T

Web服务器-Nginx-高并发问题

《Web服务器-Nginx-高并发问题》Nginx通过事件驱动、I/O多路复用和异步非阻塞技术高效处理高并发,结合动静分离和限流策略,提升性能与稳定性... 目录前言一、架构1. 原生多进程架构2. 事件驱动模型3. IO多路复用4. 异步非阻塞 I/O5. Nginx高并发配置实战二、动静分离1. 职责2

解决升级JDK报错:module java.base does not“opens java.lang.reflect“to unnamed module问题

《解决升级JDK报错:modulejava.basedoesnot“opensjava.lang.reflect“tounnamedmodule问题》SpringBoot启动错误源于Jav... 目录问题描述原因分析解决方案总结问题描述启动sprintboot时报以下错误原因分析编程异js常是由Ja

Python内存优化的实战技巧分享

《Python内存优化的实战技巧分享》Python作为一门解释型语言,虽然在开发效率上有着显著优势,但在执行效率方面往往被诟病,然而,通过合理的内存优化策略,我们可以让Python程序的运行速度提升3... 目录前言python内存管理机制引用计数机制垃圾回收机制内存泄漏的常见原因1. 循环引用2. 全局变

MySQL 表空却 ibd 文件过大的问题及解决方法

《MySQL表空却ibd文件过大的问题及解决方法》本文给大家介绍MySQL表空却ibd文件过大的问题及解决方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考... 目录一、问题背景:表空却 “吃满” 磁盘的怪事二、问题复现:一步步编程还原异常场景1. 准备测试源表与数据

解决Nginx启动报错Job for nginx.service failed because the control process exited with error code问题

《解决Nginx启动报错Jobfornginx.servicefailedbecausethecontrolprocessexitedwitherrorcode问题》Nginx启... 目录一、报错如下二、解决原因三、解决方式总结一、报错如下Job for nginx.service failed bec

SysMain服务可以关吗? 解决SysMain服务导致的高CPU使用率问题

《SysMain服务可以关吗?解决SysMain服务导致的高CPU使用率问题》SysMain服务是超级预读取,该服务会记录您打开应用程序的模式,并预先将它们加载到内存中以节省时间,但它可能占用大量... 在使用电脑的过程中,CPU使用率居高不下是许多用户都遇到过的问题,其中名为SysMain的服务往往是罪魁

MySQ中出现幻读问题的解决过程

《MySQ中出现幻读问题的解决过程》文章解析MySQLInnoDB通过MVCC与间隙锁机制在可重复读隔离级别下解决幻读,确保事务一致性,同时指出性能影响及乐观锁等替代方案,帮助开发者优化数据库应用... 目录一、幻读的准确定义与核心特征幻读 vs 不可重复读二、mysql隔离级别深度解析各隔离级别的实现差异