logo好方法网

一种兼容多客户端环境的二维码设计与跳转方法

技术摘要:
本发明公开了一种兼容多客户端环境的二维码设计与跳转方法,包括(1)开发原生app和依附于微信的微信小程序;(2)为原生app和微信小程序配置普通url;(3)为步骤(2)中配置的普通url添加jumpurl参数以开发中转功能,得到中转url;(4)将中转url设计成二维码形式;(5)通过原生  全部
背景技术:
现阶段主流二维码设计方案主要针对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 ) 中 二 维 码 是 通 过 对 j u m p u r l 参 数 的 值 为 目 标 页 面 进 行 encodeURLComponent编码处理后得到的。 3 CN 111597474 A 说 明 书 2/3 页 步骤(6)中通过原生app扫描二维码获得jumpurl参数后将进行decode解码以获得 普通url,而在获得了普通url后将通过WebView打开相应的指定域名的静态页面;步骤(6) 中通过微信扫描二维码将打开微信小程序,并通过路由拦截的方式获取jumpurl参数,接着 通过decode解码以获得普通url,并在获得普通url后跳转至小程序WebView中的web页面或 者跳转至相应的小程序原生页面。 步骤(7)中原生app在跳转至web页面或原生页面后,该web页面或原生页面则将通 过JSBridge方式具备原生系统底层能力。 步骤(7)中微信小程序在跳转至web页面或小程序原生页面后,该web页面或小程 序原生页面将通过JSBridge方式具备原生系统底层能力。 步骤(7)中所述的底层应用包括硬件、蓝牙、图片、音频或者视频中的任意一种或 多种。 本发明与现有技术相比,具有以下优点及有益效果: 本发明能够使得原生app通过对二维码的扫描可在原生app内打开相应页面,通过 微信扫描二维码可直接跳转至相应的小程序中,很好的提高了app扫描二维码后与系统底 层应用交互的能力,降低了用户的使用成本,还很好的提高了用户的体验度。
下载此资料需消耗2积分,
分享到:
收藏