美文网首页
普通二维码跳转到小程序

普通二维码跳转到小程序

作者: super_wei | 来源:发表于2019-01-17 16:19 被阅读0次

            目前公司想把刚开发的h5以及小程序打通,就是通过h5可以跳转到小程序进行使用。那么问题来了,产品希望直接通过一个事件就直接跳转到小程序,微信的开发环境支持这样的操作吗?其实在开发文档上面已近说的比较清楚了,我在这整理出了具体的实现;

    一、跳转到小程序的几种方式

            1、公众号跳转到小程序,这个的话在公众号管理页面配置一下就好了;

            2、通过普通的二维码跳转到小程序里面

    虽然小程序的功能越来越强大,但是再开发的时候还是受到很多的限制,对于产品提出的“ 通过点击一个按钮就跳到小程序 ”这个需求真的就是无能为力了,不过随着微信的更能更迭越来越频繁,相信以后说不定就实现了呢;最近开发支付宝小程序时候发现,微信小程序和支付宝小程序开发大部分是一样的,微信在开发上回更加成熟些,代码审核也快,我们今天实现的跳转小程序同样也适用于支付宝小程序开发;

    二、逻辑整理

           实通过用户触发按钮生成一个二维码,用户通过使用微信扫一扫或者长按识别二维码进入小程序(必须要触发微信自带的扫一扫才可以),通过二维码携带的参数,小程序进行识别相关数据,比如登录状态;

    三、配置

            h5端:通过qrcodejs插件动态把url地址生成二维码,携带相关的用户信息;(用url地址生成二位码是因为微信跳转到url相关页面的时候会判断是否需要跳转小程序,这个下面小程序配置校验文件有讲到)

                    (因为h5也是通过微信扫一扫进入的h5项目,在微信浏览器上可以直接长按进行二维码识别)

        小程序:进入小程序开发平台  -> 开发 -> 开发设置 ->扫普通链接二维码打开小程序

    二维码规则: 微信api里说的很清楚了

            1、二维码规则的域名须通过ICP备案的验证。

            2、支持http、https、ftp开头的链接(如:http://wx.qq.com、https://wx.qq.com/mp/、https://wx.qq.com/mp?id=123)。

            3、一个小程序帐号可配置不多于10个二维码前缀规则。

    前缀占用规则

            开发者可选择是否占用符合二维码匹配规则的所有子规则。如选择占用,则其他帐号不可申请使用满足该前缀匹配规则的其他子规则。

    如:若开发者A配置二维码规则:https://wx.qq.com/mp?id=123,并选择“占用所有子规则“,其他开发者将不可以配置满足前缀匹配的子规则如https://wx.qq.com/mp?id=1234。

    校验文件:

             通过把下载的校验文件存放到二维码对应url所在的服务器更目录下就可以了。 刚开始的时候会疑惑,微信扫码怎么知道是怎么识别是跳转小程序呢, 这个关键就在于校验文件上面了,h5通过把url生成二维码,微信在使用扫码的啥时候请求服务器的时候先会去查找有没有对应的校验文件,有的话就会跳转到小程序;如果存放地址失败则不能保存;

    测试范围:

            这个通过自己的需求来进行配置就可以了,

        保存成功后就可以进行跳转了,但是注意一点:
             必须是通过二维码+微信扫一扫/长按识别二维码才可以

    相关连接:

        微信小程序扫码打开小程序接入指南

    第一次写文章,有什么不好的欢迎大家指出,想着入行两年多了,有些概念要学会去整理和归纳才不至于忘记;

    相关文章

      网友评论

          本文标题:普通二维码跳转到小程序

          本文链接:https://www.haomeiwen.com/subject/mqsidqtx.html