vue.js 短连接 动态连接

news2024/10/6 20:25:25

有这么一种场景,我们实现了某个业务,现在需要将这个业务连接对外推广以期实现我们的运营、推广、佣金目的,那么我们如何实现呢?

比如这个页面连接为:

https://mp.domain.com/user/creation/editor?spm=1&userno=12324
&signature=aerqwerxxxx&token=xxxxxx&platform=ios&lat=xxx&longi=xxxx

1、将这个长长的连接发给别人,别人进行点击打开。遇到小白还是规矩,在页面中正常操作。遇到那些比较二的人,直接给你修改连接上的参数 ,你怎么办?

2、我们将如上的长连接转变为短连接,参数不进行暴露,反而将参数以某个固定的key保存到我们服务器,用户打开时,以此KEY去取参数再在页面中使用,便可避免原连接不安全的问题。

动动脑,是不是第一个方案存在的各种问题可想而知。URL过长,牛马蛇神全部清清楚楚的暴露了。而第二个方案如何实现呢?我们试着继续向下思考:那我将连接变为:

https://mp.domain.com/s/3xRghijm09R

 这个是不是就好太多了!可是这样的连接如何与页面路由呢?你的路由表中如何定义这个连接并成功识别呢?好了,打开你的项目配置路由的地方:

1、将path和name均配置为相同的能用匹配符表达式:'/s/:key'

2、打开我们的目标页面完善代码

 这一步的目的是取出我们动态KEY来还原原始的页面连接需要的参数。

3、生成短连接:http://localhost:8013/s/3xRghijm09R

我们再次复盘一下我们的疑惑,这个3xRghijm09R是怎么来的?是的,他肯定不是飞来的,也不是风刮来的,而你是你自己生成的!

让我们再次提出问题:怎么生成呢?

我们原始连接的参数为:

spm=1&userno=12324
&signature=aerqwerxxxx&token=xxxxxx&platform=ios&lat=xxx&longi=xxxx

那我们只需要新动态连接后的3xRghijm09Rspm=1&userno=12324
&signature=aerqwerxxxx&token=xxxxxx&platform=ios&lat=xxx&longi=xxxx
建立对应关系即可!

则在生成3xRghijm09R的时候,以3xRghijm09R为键,将spm=1&userno=12324
&signature=aerqwerxxxx&token=xxxxxx&platform=ios&lat=xxx&longi=xxxx
保存起来,在页面中捕获连接是否短连接,如果是短连接则通过3xRghijm09R取出原始值即可!不同参数值最终生成的不同的KEY,不同的KEY对应自己特定的参数表,则逻辑达成!

来看看数据库表:

keyparamsText
3xRghijm09Rspm=1&userno=12324
&signature=aerqwerxxxx&token=xxxxxx&platform=ios&lat=xxx&longi=xxxx
3434opihjklkhspm=2&userno=xxx
&signature=aerqwerxxxx&token=xxxxxx&platform=ios&lat=xxx&longi=xxxx
gr9087klhkyrtgspm=4&userno=12324
&signature=aerqwerxxxx&token=xxxxxx&platform=ios&lat=xxx&longi=xxxx
yetwpjl79087rtspm=6&userno=12324
&signature=aerqwerxxxx&token=xxxxxx&platform=ios&lat=xxx&longi=xxxx
ppopi7889knkspm=8&userno=12324
&signature=aerqwerxxxx&token=xxxxxx&platform=ios&lat=xxx&longi=xxxx

至此,你看明白了吗?

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1231752.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

车辆限迁查询API——查询您的车辆是否限制迁入迁出

随着城市的快速发展和人们生活水平的提高,车辆的使用量也不断增加。而随之而来的问题也愈发突出,其中之一就是车辆的限迁问题。 比如,在一些大城市,为了减少交通拥堵和空气污染,政府采取了限制车辆迁入迁出的措施&…

值得学习的演示文稿制作范例

1,在第一张幻灯片前插入1张新幻灯片,设置幻灯片大小为“全屏显示(16:9) ”;为整个演示文稿应用“离子会议室”主题,放映方式为“观众自行浏览”;除了标1题幻灯片外其它每张幻灯片中的页脚插入“晶泰来水晶吊坠”七个字。 2,第一张幻灯片的版式设置为“标题幻灯片”,主标题为“…

考情实况系列:把控考场节奏,从容拿下Datacom HCIE认证

大家好,我是誉天的数通学员,前段时间刚刚通过了HCIE认证考试,这里给大家分享一下我的考试经验与心得,希望对大家有所帮助。 我预约的是11月3日的杭州考场,考试前一天我就到了杭州,在中医药大学地铁站边上的…

接口测试知识点问答

一.什么是接口? 接口测试主要用于外部系统与系统之间以及内部各个子系统之间的交互点,定义特定的交互点,然后通过这些交互点来,通过一些特殊的规则也就是协议,来进行数据之间的交互。 二.接口都有哪些类型&#xff1f…

难转型、难增长、难赚钱,智能家居下半场,渠道商的出路在哪里?

脱下皇帝的新衣,大部分代理商不赚钱 “我去年入局智能家居,到现在为止,还处于投入阶段。”一位新入局智能家居不到一年的集成商深夜给智哪儿打来了电话。说得好听一点,是还处于投入阶段,用大白话翻译一下,就…

【HarmonyOS】鸿蒙应用开发基础认证题目

系列文章目录 【HarmonyOS】鸿蒙应用开发基础认证题目; 文章目录 系列文章目录前言一、判断题二、单选题三、多选题总结 前言 随着鸿蒙系统的不断发展,前不久,华为宣布了重磅消息,HarmonyOS next 开发者版本会在明年(…

预约按摩小程序功能及使用指南;

小程序预约按摩功能及使用指南: 1. 注册登录:用户可选择通过账号密码或微信一键登录,便捷注册,轻松管理预约服务。 2. 查找店铺:展示附近的按摩店铺信息,用户可根据需求选择合适的店铺进行预约。 3. 选择服…

Postman中断言!

用例管理 1.在测试活动中, 针对需求和接⼝⽂档进⾏⽤例设计时, 我们会发现针对⼀个需求或⼀个接⼝要考虑多种 情况, 设计的⽤例要尽量覆盖需求. 在接⼝测试中, 如果使⽤ ⼯具(postman, Jmeter)实现, 需要对⽤例进⾏ 管理。 1 2 3 1.创建项目(系统)点击…

数据集笔记:NGSIM (next generation simulation)

1 数据集介绍 数据介绍s Next Generation Simulation (NGSIM) Open Data (transportation.gov) 数据地址:Next Generation Simulation (NGSIM) Vehicle Trajectories and Supporting Data | Department of Transportation - Data Portal 时间2005年到2006年间地…

【视觉SLAM十四讲学习笔记】第三讲——旋转矩阵

专栏系列文章如下: 【视觉SLAM十四讲学习笔记】第一讲——SLAM介绍 【视觉SLAM十四讲学习笔记】第二讲——初识SLAM 本章将介绍视觉SLAM的基本问题之一:如何描述刚体在三维空间中的运动? 旋转矩阵 点、向量和坐标系 三维空间由3个轴组成&…

JMeter使用与结果分析

1.如何得到可靠的测试报告? 以上我们便完成了一次简单的测试案例,但我们的测试还未结束。我们需要对测试结果进行分析,但是在真实项目中上述的测试结果是不可靠的,只能用作调试。你如果细心的话,应该能在运行Jmeter的…

碰到一个逆天表中表数据渲染

1. 逆天表中表数据问题 我有一个antd-table组件,他的编辑可以打开一个编辑弹窗打开弹窗里面还会有一个表格,如果这个表格的column是在外层js文件中保存的话,那么第一次打开会正常渲染数据,再次打开就不会渲染,即使是已…

彻底弄清Python软件包安装流程并解决安装错误

彻底弄清Python软件包安装流程并解决安装错误 前言:写这篇文章的初衷也是因为以前饱受Python环境配置和软件包安装的摧残,所以写下这篇文章希望帮助同样深陷泥潭的小伙伴们,该文会带你理解关于安装软件包的流程。(tips&#xff1…

大数据Doris(二十五):Stream Load数据导入演示和其他导入案例

文章目录 数据导入演示和其他导入案例 一、数据导入演示

Java获取指定日期到当前日期的差距

Java获取指定日期到当前日期的差距 一、指定日期到今天的y年m月d日 private JSONObject getYesrMonthDay(String dataParam){JSONObject res new JSONObject();/*只比较年月日,不要时间*/DateTimeFormatter df DateTimeFormatter.ofPattern("yyyy-MM-dd&quo…

Linux入门攻坚——6、磁盘管理——分区及文件系统管理

磁盘管理主要涉及分区的管理,以及分区后的文件系统管理。 磁盘的使用大体要分两步: 文件系统也是一个软件,根是自引用的。 文件系统的全局结构:物理格式: 一个磁盘刚被生产出来的时候,它里边没有划分扇区…

什么是RS485通信

RS-485是一种通讯接口标准,RS就是Recommended Standard的缩写(推荐标准的意思)485是标识号。 RS485采用总线的接线方式,广泛应用于数据采集和控制,它的主要优点之一是它允许将多个RS485设备放在同一条总线上。 多设备…

Python如何实现原型设计模式?什么是原型设计模式?Python 原型设计模式示例代码

什么是原型(ProtoType)设计模式? 原型模式(Prototype Pattern)是一种创建型设计模式,旨在通过复制现有对象来创建新对象,而无需通过标准的构造方式。它允许我们基于现有对象创建新对象&#xf…

【Python/C++ 递归】汉诺塔

汉诺塔(Tower of Hanoi),又称河内塔,是一个源于印度古老传说的益智玩具。大梵天创造世界的时候做了三根金刚石柱子,在一根柱子上从下往上按照大小顺序摞着64片黄金圆盘。大梵天命令婆罗门把圆盘从下面开始按大小顺序重…

车牌识别 支持12种中文车牌类型 车牌数据集下载

开源代码 如果觉得有用,不妨给个Star⭐️🌟支持一下吧~ 谢谢! Acknowledgments & Contact 1.WeChat ID: cbp931126 2.QQ Group:517671804 加微信(备注:PlateAlgorithm),进讨论群可以获得10G大小的车牌检测和识…