[发明专利]一种兼容多客户端环境的二维码设计与跳转方法

说明书

本发明公开了一种兼容多客户端环境的二维码设计与跳转方法，包括(1)开发原生app和依附于微信的微信小程序；(2)为原生app和微信小程序配置普通url；(3)为步骤(2)中配置的普通url添加jumpurl参数以开发中转功能，得到中转url；(4)将中转url设计成二维码形式；(5)通过原生app或微信扫描二维码并识别二维码中的中转url等步骤。本发明提供一种兼容多客户端环境的二维码设计与跳转方法，提供一种二维码的设计思路，能够使得app通过对二维码的扫描直接跳转至相应的小程序中，很好的提高了Web前端页面的系统级能力，从而强化用户体验，降低使用门槛，同时也兼顾了Web端的快速迭代能力。

技术领域

本发明属于信息技术领域，具体是指一种兼容多客户端环境的二维码设计与跳转方法。

背景技术

现阶段主流二维码设计方案主要针对Web端网页设计，于微信环境扫码即在微信环境打开指定页面，App扫码则可在WebView容器中承载Web页面。纯Web页面虽有便于更新，开发迭代快速等优势，但脱离Hybrid环境的网页前端环境难以实现系统级的应用开发，致使Web应用的体验与功能相比于原生应用较有劣势。

因Web网页环境JavaScript主要以浏览器为承载环境，缺少与系统底层应用交互的能力，或能力相对偏弱(如硬件、蓝牙、音视频等)，造成体验上难以更进一步。目前主流的小程序产品具备一定的原生功能，但网页二维码难以同时兼顾App中的WebView网页与小程序原生页面两种场景，通常会以App环境为主，微信或网页环境以向App导流为主流方案，但增加了用户使用成本，亦难以保全Web环境下的使用体验。

发明内容

本发明的目的在于克服上述问题，提供一种兼容多客户端环境的二维码设计与跳转方法，提供一种二维码的设计思路，能够使得app通过对二维码的扫描直接跳转至相应的小程序中，很好的提高了Web前端页面的系统级能力，从而强化用户体验，降低使用门槛，同时也兼顾了Web端的快速迭代能力。

本发明的目的通过下述技术方案实现：

一种兼容多客户端环境的二维码设计与跳转方法，包括以下步骤：

(1)开发原生app和依附于微信的微信小程序；

(2)为原生app和微信小程序配置普通url；

(3)为步骤(2)中配置的普通url添加jumpurl参数以开发中转功能，得到中转url；

(4)将中转url设计成二维码形式；

(5)通过原生app或微信扫描二维码并识别二维码中的中转url；

(6)原生app或微信识别中转url中的普通url并进行页面跳转，并在跳转后识别jumpurl参数，若jumpurl参数识别正确则进入步骤(7)，若jumpurl参数识别错误则停留在该页面；

(7)若是通过原生app扫描则根据jumpurl参数跳转至相应页面并调用系统底层应用；若是通过微信扫描则进行路由拦截并跳转至微信小程序，同时根据jumpurl参数转至相应页面并通过微信调用系统底层应用。

步骤(2)中普通url即指定域名的静态页面。

步骤(4)中二维码是通过对jumpurl参数的值为目标页面进行encodeURLComponent编码处理后得到的。

步骤(6)中通过原生app扫描二维码获得jumpurl参数后将进行decode解码以获得普通url，而在获得了普通url后将通过WebView打开相应的指定域名的静态页面；步骤(6)中通过微信扫描二维码将打开微信小程序，并通过路由拦截的方式获取jumpurl参数，接着通过decode解码以获得普通url，并在获得普通url后跳转至小程序WebView中的web页面或者跳转至相应的小程序原生页面。