相关推荐recommended
H5页面跳转小程序的三种方式
作者:mmseoamin日期:2023-11-30

文章目录

  • 前言
  • 一、web-view标签返回小程序
    • 1.小程序启动页面只写web-view标签跳转到授权页面。
    • 2.编写auth.html
    • 3、把auth.html放到服务器就可以测试访问,打开小程序默认进入启动页面中的webview跳转到H5,授权成功后,通过wx.miniProgram.reLaunch方法携带参数跳回小程序
    • 二、wx-open-launch-weapp
      • 1.编写auth.html
      • 2、公众号后台配置好相应的域名和ip白名单,把auth.html放到服务器就可以测试访问,点击按钮,跳转到小程序首页(标签中的path属性),在onLoad函数中获取参数
      • 三、URL Scheme
        • 1.HTTPS 调用
        • 2.返回示例
        • 3.调用,微信内打开跳转的是正式版,微信外可以跳转体验版和开发板,具体通过env_version参数设置小程序版本

          前言

          实际开发中,小程序和H5往往有很多业务场景需要来回跳转,这里主要介绍三种跳转方式供大家参考。

          场景:微信小程序登录有时候需要和公众号进行绑定,获取公众号code和appid传给后台进行绑定


          一、web-view标签返回小程序

          1.小程序启动页面只写web-view标签跳转到授权页面。

          
          

          2.编写auth.html

           
          

          3、把auth.html放到服务器就可以测试访问,打开小程序默认进入启动页面中的webview跳转到H5,授权成功后,通过wx.miniProgram.reLaunch方法携带参数跳回小程序

          二、wx-open-launch-weapp

          1.编写auth.html

          2、公众号后台配置好相应的域名和ip白名单,把auth.html放到服务器就可以测试访问,点击按钮,跳转到小程序首页(标签中的path属性),在onLoad函数中获取参数

          H5页面跳转小程序的三种方式,在这里插入图片描述,第1张

          三、URL Scheme

          该接口用于获取小程序 scheme 码,适用于短信、邮件、外部网页、微信内等拉起小程序的业务场景。通过该接口,可以选择生成到期失效和永久有效的小程序码,有数量限制,目前仅针对国内非个人主体的小程序开放。

          1.HTTPS 调用

           POST https://api.weixin.qq.com/wxa/generatescheme?access_token=ACCESS_TOKEN 
          

          H5页面跳转小程序的三种方式,在这里插入图片描述,第2张

          2.返回示例

          {
            "msg": "操作成功",
            "code": 200,
            "data": {
              "openlink": "weixin://dl/business/?t=WqDMv7uIy7g"
            }
          }
          

          3.调用,微信内打开跳转的是正式版,微信外可以跳转体验版和开发板,具体通过env_version参数设置小程序版本

          我这里是写个html文件通过a标签访问

          跳转小程序