CN111885424B - 一种基于Vue Router为url添加统一参数的方法 - Google Patents
一种基于Vue Router为url添加统一参数的方法 Download PDFInfo
- Publication number
- CN111885424B CN111885424B CN202010611067.4A CN202010611067A CN111885424B CN 111885424 B CN111885424 B CN 111885424B CN 202010611067 A CN202010611067 A CN 202010611067A CN 111885424 B CN111885424 B CN 111885424B
- Authority
- CN
- China
- Prior art keywords
- hash value
- page
- value parameter
- vue
- router
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 24
- 230000009286 beneficial effect Effects 0.000 abstract description 2
- 238000005516 engineering process Methods 0.000 description 3
- 238000004891 communication Methods 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 230000005540 biological transmission Effects 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
Images
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/80—Generation or processing of content or additional data by content creator independently of the distribution process; Content per se
- H04N21/85—Assembly of content; Generation of multimedia applications
- H04N21/858—Linking data to content, e.g. by linking an URL to a video object, by creating a hotspot
- H04N21/8586—Linking data to content, e.g. by linking an URL to a video object, by creating a hotspot by using a URL
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/20—Servers specifically adapted for the distribution of content, e.g. VOD servers; Operations thereof
- H04N21/25—Management operations performed by the server for facilitating the content distribution or administrating data related to end-users or client devices, e.g. end-user or client device authentication, learning user preferences for recommending movies
- H04N21/258—Client or end-user data management, e.g. managing client capabilities, user preferences or demographics, processing of multiple end-users preferences to derive collaborative data
- H04N21/25866—Management of end-user data
- H04N21/25875—Management of end-user data involving end-user authentication
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/60—Network structure or processes for video distribution between server and client or between remote clients; Control signalling between clients, server and network components; Transmission of management data between server and client, e.g. sending from server to client commands for recording incoming content stream; Communication details between server and client
- H04N21/63—Control signaling related to video distribution between client, server and network components; Network processes for video distribution between server and clients or between remote clients, e.g. transmitting basic layer and enhancement layers over different transmission paths, setting up a peer-to-peer communication via Internet between remote STB's; Communication protocols; Addressing
- H04N21/64—Addressing
- H04N21/6402—Address allocation for clients
Landscapes
- Engineering & Computer Science (AREA)
- Multimedia (AREA)
- Signal Processing (AREA)
- Databases & Information Systems (AREA)
- Computer Security & Cryptography (AREA)
- Computer Graphics (AREA)
- Data Exchanges In Wide-Area Networks (AREA)
Abstract
本发明提供了一种基于Vue Router为url添加统一参数的方法，该方法包括以下的步骤：S1、进入页面；S2、后端服务器判断页面是否含有hash值参数，如含有hash值参数则进入步骤S3，如未含有hash值参数则直接进入步骤S4；S3、根据hash值参数绑定页面的上下级关系；S4、页面请求后端服务器生成唯一的hash值参数，绑定hash值参数到页面访问url；S5、Vue Router判断url是否含有hash值参数，如有则进入步骤S7，如没有则进入步骤S6；S6、获取hash值参数，并将hash值参数存储至本地，后进入步骤S8；S7、后端服务器判断本地有无hash值参数，如有则返回至步骤S6，如没有则进入步骤S8；S8、页面正常访问；本发明的有益效果是：可以方便快捷地生成分享参数并识别记录。
Description
技术领域
本发明涉及互联网技术领域，更具体的说，本发明涉及一种基于Vue Router为url添加统一参数的方法。
背景技术
随着网络和通信的高速发展，基于固定网络及移动通信网络中的流媒体业务正逐渐被人们了解和接受。简单来说，流媒体就是应用流技术在网络上传输的多媒体文件，而流技术就是把连续的影像和声音信息经过压缩处理后放到服务器上，让用户一边下载一边观看、收听，而不需要等整个压缩多媒体文件下载到本地后才可以观看的网络传输技术。整个过程需要如下两个部件，一是提供流媒体文件并且将流媒体文件进行流化的流媒体服务器，二是能够访问流媒体服务器、下载流化后的流媒体文件并播放流媒体的客户端。运营商提供流媒体服务器，用户可以通过手机终端或者PC终端，经有线固定网络或者无线通信网络，来访问流媒体服务器。
客户端是通过流媒体服务器公开的链接来实现流媒体内容的访问，所以流媒体服务器需要提供访问其内部的流媒体内容的链接，这里的链接即为URL。链接可以说是用户与服务器端的桥梁纽带，而且是唯一的联系访问方式。如果用户需要访问不同的流媒体内容，则其通过访问不同的链接来实现；并且，不同流媒体内容对应的链接是不同的，一个链接只能访问一个流媒体内容。
流媒体服务器提供的媒体访问链接，即URL，至少需要包含如下几个元素：协议类型、流媒体服务器的IP地址、流媒体服务器的端口号、被访问流媒体内容的相对路径和被访问流媒体内容的文件名。用户只要掌握了作为流媒体服务器资源的URL，就可以随时随地的访问URL指定的流媒体内容。
现有技术中，对于页面分享的链接，不能够识别是由谁分享出去的，用户点击分享的链接，不能够识别根据谁分享的链接访问的，其次，对于订单的关联关系无法识别。
发明内容
为了克服现有技术的不足，本发明提供了一种基于Vue Router为url添加统一参数的方法，可以方便快捷地生成分享参数并识别记录。
本发明解决其技术问题所采用的技术方案是：一种基于Vue Router为url添加统一参数的方法，其改进之处在于，该方法包括以下的步骤：
S1、进入页面；
S2、后端服务器判断页面是否含有hash值参数，如含有hash值参数则进入步骤S3，如未含有hash值参数则直接进入步骤S4；
S3、根据hash值参数绑定页面的上下级关系；
S4、页面请求后端服务器生成唯一的hash值参数，绑定hash值参数到页面访问url；
S5、Vue Router判断url是否含有hash值参数，如有则进入步骤S7，如没有则进入步骤S6；
S6、获取hash值参数，并将hash值参数存储至本地，后进入步骤S8；
S7、后端服务器判断本地有无hash值参数，如有则返回至步骤S6，如没有则进入步骤S8；
S8、页面正常访问。
进一步的，所述的步骤S1中，在进入页面时，请求后端服务器的后端接口，以授权登录获取用户信息。
进一步的，在进入页面时，通过微信授权登录以获取用户信息。
进一步的，所述的步骤S4与步骤S5之间还包括以下的步骤：
通过后端接口返回至页面，并进行页面重定向。
进一步的，所述的步骤S6中，hash值参数存入sessionStorage中。
进一步的，所述的步骤S8中，每次路由变化，从sessionStorage中获取hash值参数，并将hash值参数加入路由参数中。
进一步的，每次路由变化，都能获取路到路由参数，每次请求后端接口将路由参数带上，并传递至后端服务器。
本发明的有益效果是：本发明提供了一种vue.js框架中使用Vue Router添加链接参数的方法，该方法可以方便快捷地生成分享参数并识别记录，可以很好的根据链接的参数来识别用户，可以很好的根据参数识别订单的上下级关系。
附图说明
图1为本发明的一种基于Vue Router为url添加统一参数的方法的流程示意图。
具体实施方式
下面结合附图和实施例对本发明进一步说明。
以下将结合实施例和附图对本发明的构思、具体结构及产生的技术效果进行清楚、完整地描述，以充分地理解本发明的目的、特征和效果。显然，所描述的实施例只是本发明的一部分实施例，而不是全部实施例，基于本发明的实施例，本领域的技术人员在不付出创造性劳动的前提下所获得的其他实施例，均属于本发明保护的范围。另外，专利中涉及到的所有联接/连接关系，并非单指构件直接相接，而是指可根据具体实施情况，通过添加或减少联接辅件，来组成更优的联接结构。本发明创造中的各个技术特征，在不互相矛盾冲突的前提下可以交互组合。
参照图1所示，本发明揭示了一种基于Vue Router为url添加统一参数的方法，通过该方法，实现了对链接参数的添加，可以很方便快捷地生成分享参数并识别记录，进而很好的根据链接的参数来识别用户、根据参数识别订单的上下级关系。具体的，在本实施例中，本发明的基于Vue Router为url添加统一参数的方法包括以下的步骤：
S1、进入页面，在进入页面时，请求后端服务器的后端接口，以授权登录获取用户信息；
本实施例中，在进入页面时，通过微信授权登录以获取用户信息；
S2、后端服务器判断页面是否含有hash值参数，如含有hash值参数则对参数进行检验，并进入步骤S3，如未含有hash值参数则直接进入步骤S4；
S3、根据hash值参数绑定页面的上下级关系；
S4、页面请求后端服务器生成唯一的hash值参数，绑定hash值参数到页面访问url；通过后端接口返回至页面，并进行页面重定向；
S5、Vue Router判断url是否含有hash值参数，如有则进入步骤S7，如没有则进入步骤S6；
S6、获取hash值参数，并将hash值参数存储至本地，后进入步骤S8；
本实施例中，hash值参数存入sessionStorage中；
S7、后端服务器判断本地有无hash值参数，如有则返回至步骤S6，如没有则进入步骤S8；
S8、页面正常访问；
步骤S8中，每次路由变化，从sessionStorage中获取hash值参数，并将hash值参数加入路由参数中。
步骤S8中，每次路由变化，都能获取路到路由参数，每次请求后端接口将路由参数带上，并传递至后端服务器，通过后端服务器进行处理。
通过上述的实施例，本发明提供了一种vue.js框架中使用Vue Router添加链接参数的方法，该方法可以方便快捷地生成分享参数并识别记录，可以很好的根据链接的参数来识别用户，可以很好的根据参数识别订单的上下级关系，另外可以很好的记录访问数据的相关联系。
用户在访问链接时，一般情况下，该链接的来源分为以下几种：第一，用户自行输入url地址；第二、由其他人对链接进行的分享。
基于第一种情况，当用户点击链接时进入页面，授权登录后，后端服务器则会判断页面是否含有hash值参数，此种情况下页面是没有hash值参数的，因此直接进入步骤S4，页面请求后端服务器生产唯一的hash值参数，在页面绑定hash值参数后，返回至页面，必要的时候进行页面重定向。进一步的，页面处理参数的过程如下：Vue Router判断url含有hash值参数，获取hash值参数，并将hash值参数存储至本地，此后页面即可正常访问。
基于第二种情况，当用户点击其他人分享的链接进入页面时，授权登录后，后端服务器则会判断页面是否含有hash值参数，此种情况下，由于其他人在分享链接时已经进入页面，必定会生成唯一的hash值参数。此时，后端服务器则会判断页面含有hash值参数，进而绑定访问关系，形成页面的上下级关系，此后返回至页面，必要的时候进行页面重定向。Vue Router判断url含有hash值参数，获取hash值参数，并将hash值参数存储至本地，此后页面即可正常访问。
基于此种方法，本发明提供了一种vue.js框架中使用Vue Router添加链接参数的方法，在用户自行输入url地址访问页面时，可以方便快捷地生成分享参数并识别记录，在用户打开其他人分享的链接时，可以根据链接的hash值参数来识别用户，实现链接分享者的追踪；当用户在链接中实现下单等操作时，则可以根据链接的hash值参数识别订单的上下级关系，也可以很好的记录访问数据的相关联系。
以上是对本发明的较佳实施进行了具体说明，但本发明创造并不限于所述实施例，熟悉本领域的技术人员在不违背本发明精神的前提下还可做出种种的等同变形或替换，这些等同的变形或替换均包含在本申请权利要求所限定的范围内。
Claims (7)
1.一种基于Vue Router为url添加统一参数的方法，其特征在于，该方法包括以下的步骤：
S1、进入页面；
S2、后端服务器判断页面是否含有hash值参数，如含有hash值参数则进入步骤S3，如未含有hash值参数则直接进入步骤S4；
S3、根据hash值参数绑定页面的上下级关系；
S4、页面请求后端服务器生成唯一的hash值参数，绑定hash值参数到页面访问url；
S5、Vue Router判断url是否含有hash值参数，如有则进入步骤S7，如没有则进入步骤S6；
S6、获取hash值参数，并将hash值参数存储至本地，后进入步骤S8；
S7、后端服务器判断本地有无hash值参数，如有则返回至步骤S6，如没有则进入步骤S8；
S8、页面正常访问。
2.根据权利要求1所述的一种基于Vue Router为url添加统一参数的方法，其特征在于：所述的步骤S1中，在进入页面时，请求后端服务器的后端接口，以授权登录获取用户信息。
3.根据权利要求2所述的一种基于Vue Router为url添加统一参数的方法，其特征在于：在进入页面时，通过微信授权登录以获取用户信息。
4.根据权利要求1所述的一种基于Vue Router为url添加统一参数的方法，其特征在于：所述的步骤S4与步骤S5之间还包括以下的步骤：
通过后端接口返回至页面，并进行页面重定向。
5.根据权利要求1所述的一种基于Vue Router为url添加统一参数的方法，其特征在于：所述的步骤S6中，hash值参数存入sessionStorage中。
6.根据权利要求5所述的一种基于Vue Router为url添加统一参数的方法，其特征在于：所述的步骤S8中，每次路由变化，从sessionStorage中获取hash值参数，并将hash值参数加入路由参数中。
7.根据权利要求6所述的一种基于Vue Router为url添加统一参数的方法，其特征在于：每次路由变化，都能获取路到路由参数，每次请求后端接口将路由参数带上，并传递至后端服务器。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010611067.4A CN111885424B (zh) | 2020-06-29 | 2020-06-29 | 一种基于Vue Router为url添加统一参数的方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010611067.4A CN111885424B (zh) | 2020-06-29 | 2020-06-29 | 一种基于Vue Router为url添加统一参数的方法 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN111885424A CN111885424A (zh) | 2020-11-03 |
| CN111885424B true CN111885424B (zh) | 2022-04-01 |
Family
ID=73157349
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010611067.4A Active CN111885424B (zh) | 2020-06-29 | 2020-06-29 | 一种基于Vue Router为url添加统一参数的方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111885424B (zh) |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102831249A (zh) * | 2012-09-19 | 2012-12-19 | 河南锐之旗信息技术有限公司 | 一种静态页面生成方法 |
| CN103207863A (zh) * | 2012-01-13 | 2013-07-17 | 腾讯科技（深圳）有限公司 | 页面跨域交互方法及终端 |
| US20170103138A1 (en) * | 2014-06-04 | 2017-04-13 | International Business Machines Corporation | Classifying uniform resource locators |
| CN110569463A (zh) * | 2019-08-02 | 2019-12-13 | 视联动力信息技术股份有限公司 | 页面刷新方法、装置及存储介质 |
-
2020
- 2020-06-29 CN CN202010611067.4A patent/CN111885424B/zh active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103207863A (zh) * | 2012-01-13 | 2013-07-17 | 腾讯科技（深圳）有限公司 | 页面跨域交互方法及终端 |
| CN102831249A (zh) * | 2012-09-19 | 2012-12-19 | 河南锐之旗信息技术有限公司 | 一种静态页面生成方法 |
| US20170103138A1 (en) * | 2014-06-04 | 2017-04-13 | International Business Machines Corporation | Classifying uniform resource locators |
| CN110569463A (zh) * | 2019-08-02 | 2019-12-13 | 视联动力信息技术股份有限公司 | 页面刷新方法、装置及存储介质 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN111885424A (zh) | 2020-11-03 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US9824230B2 (en) | Remote data access techniques for portable devices | |
| US9166949B2 (en) | Method and system of managing a captive portal with a router | |
| US9264511B2 (en) | Content sharing among mobile terminals | |
| US8027954B2 (en) | Portable media player recommendation system | |
| JP5005764B2 (ja) | マルチメディアコンテンツを管理するための方法および装置 | |
| WO2008110121A1 (fr) | Procédé et système d'adaptation de contenus de services de données, et système de portail | |
| US20060195583A1 (en) | Method and system for providing information services to a client using a user profile | |
| US20170041422A1 (en) | Method and system for retrieving a content manifest in a network | |
| CN105871919A (zh) | 一种网络应用防火墙系统及其实现方法 | |
| CN107438051A (zh) | 流媒体快速启动方法、装置和系统 | |
| US20080313150A1 (en) | Centralized Network Data Search, Sharing and Management System | |
| CN108207012A (zh) | 一种流量控制方法、装置、终端及系统 | |
| US7725489B2 (en) | Node for providing a file service to a mobile terminal | |
| US20150113101A1 (en) | Method and apparatus for providing streaming content | |
| CN111885424B (zh) | 一种基于Vue Router为url添加统一参数的方法 | |
| US20230121519A1 (en) | Trusted system for providing customized content to internet service provider subscribers | |
| US20080033961A1 (en) | Electronic Document Browsing | |
| KR20080079708A (ko) | 개인화 정보 제공 시스템 및 그 방법 | |
| CN103701910A (zh) | 支持内容中心网络的资源请求处理方法及Web浏览器 | |
| US20230224372A1 (en) | Trusted system for providing customized content to internet service provider subscribers | |
| US20080002695A1 (en) | Preservation of session information on a communications network | |
| JP2004157973A (ja) | 異なる端末器間のセッション保持方法 | |
| CN115277195A (zh) | 一种分布式资源统一网关转发方法 | |
| GB2503285A (en) | Processing browser sessions in a telecommunication network | |
| SG184587A1 (en) | A method and apparatus for caching and retrieving a stream object |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| PE01 | Entry into force of the registration of the contract for pledge of patent right | ||
| PE01 | Entry into force of the registration of the contract for pledge of patent right |
Denomination of invention: A method of adding unified parameters to URLs based on Vue Router Granted publication date: 20220401 Pledgee: Shenzhen small and medium sized small loan Co.,Ltd. Pledgor: YINSHENG TELECOM Co.,Ltd. Registration number: Y2024980003291 |