h5页面跳转到微信小程序之利用URL Scheme接口

这篇具有很好参考价值的文章主要介绍了h5页面跳转到微信小程序之利用URL Scheme接口。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

利用URL Scheme接口无感跳转微信小程序

首先想要跳转到微信小程序得先知道AppIDsecret

如果不知道的情况下是无法跳转的

urlscheme.generate
公众号h5跳转获取 url scheme,view,js,微信小程序,小程序
此时遇到一个问题是获取auth.getAccessToken
公众号h5跳转获取 url scheme,view,js,微信小程序,小程序
appid 此值在小程序里就可以获取 到

公众号h5跳转获取 url scheme,view,js,微信小程序,小程序公众号h5跳转获取 url scheme,view,js,微信小程序,小程序公众号h5跳转获取 url scheme,view,js,微信小程序,小程序

secret 这个值只能在可在 微信公众平台 - 设置 - 开发设置 里面找到
公众号h5跳转获取 url scheme,view,js,微信小程序,小程序
接下来放代码

      this.$axios
        .get(
          'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=wxd596b98e0b20485c&secret=6ae04f87570c3f1674290d788d1f8fb9'
        )
        .then((res) => {
          let access_token = res.data.access_token;
          this.$axios
            .post('https://api.weixin.qq.com/wxa/generatescheme?access_token=' + access_token, {
              jump_wxa: {},
              expire_type: 1,
              expire_time: 24 * 60 * 1000,
              expire_interval: 1,
            })
            .then((res) => {
              location.href = res.openlink
            });
        });

这样就可以在手机浏览器里直接跳转到微信小程序了

如果有其他更好的方法,请留言~文章来源地址https://www.toymoban.com/news/detail-605467.html

到了这里,关于h5页面跳转到微信小程序之利用URL Scheme接口的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序如何跳转到微信公众号文章,小程序如何关联公众号或订阅号

    公众号最高管理权限(或能与最高权限管理者配合操作) 小程序开发权限或最高管理权限 根据官方资料描述,小程序中展示微信公众号中的文章需要使用到 web-view web-view 是一个 web 浏览器组件,可以用来承载网页的容器,会自动铺满整个页面 src:webview 指向网页的链接 特别

    2024年02月14日
    浏览(47)
  • h5页面如何嵌到微信小程序中(chatgpt回答)

    将 H5 页面嵌入到微信小程序中需要进行以下步骤: 在微信公众平台申请认证并在其后台添加小程序 打开小程序的 app.json 文件,并配置 web-view 组件 在小程序的 wxml 文件中使用 web-view 标签引用 H5 页面。 发布小程序并测试。  问:H5页面的url只能写成https的形式吗? 答: 在微

    2024年02月15日
    浏览(34)
  • 微信小程序之普通页面跳转到tabBar页面

    前言 最近在做一个投稿小程序,主要功能是作者可以在微信小程序登录,注册,然后登陆进入主页面,可以投递稿件以及浏览自己已投递的稿件,和个人中心等主要功能,做的比较简单,因为本人对于小程序是一个初学者。 遇到的问题 登录页面不是tabBar页面,只是一个普通

    2024年02月08日
    浏览(42)
  • H5页面内嵌到微信小程序和APP,做分享操作

    最近接到项目新需求,H5项目需要内嵌到微信小程序和APP里,然后将H5页面分享出去,被分享的人可以点击消息跳转到H5页面。H5页面不难,难的是要与微信小程序和APP进行交互,因为以前也没有接触过,所以这里卡的时间有点长。现分享出来 介绍 这里小编使用的是 uinapp 写的

    2024年02月06日
    浏览(59)
  • 微信小程序中如何携带参数跳转到tabBar页面

    在小程序中使用了tabBar组件之后就不能用wx.navigateTo跳转到tabBar页面了 , 能跳转到tabBar页面的方法有以下两种   但是使用第一种方法时,会因为这种方法在路径后不能携带参数,所以行不通 那么就只能用第二种方法 , 用wx.reLaunch进行跳转 , 地址后跟上自己想要的参数 , 或者用wx

    2024年02月11日
    浏览(53)
  • 微信小程序如何跳转到tabBar页面、如何携带参数过去

    微信底部如果用的是系统自动的 tabbar ,也就是在 app.json 中配置的底部路由: 需要注意以下两个问题: 比如,个人中心是 tabBar ,使用 navigator url=\\\"/pages/me/me\\\"个人中心/navigator 跳转时,无法跳转,也不会给任何提示。 如果在普通标签上使用 wx.navigateTo 跳转到任意 tabBar 页面,则

    2024年02月05日
    浏览(53)
  • 微信小程序扫描普通二维码跳转到小程序指定页面

    二维码就相当于是一个链接 相当于我们点击一个链接跳转到另一个页面 只不过这里是扫码的形式 1、首先我们需要在微信公众平台的开发管理——开发设置,找到(扫普通链接二维码打开小程序),点击添加,会出现下面的页面,配置好之后点击保存就行了 2、配置好之后我

    2024年02月11日
    浏览(38)
  • (微信机器人)小程序转二维码,给微信机器人发送小程序生成二维码,打开H5页面跳转到小程序

    最早知道这个需求的时候是一个朋友说的,然后研究了一番,后来发现也没那么难,符合相关的规范就可以了。 本来就有获取微信appid和pagepath的功能了,感觉转成二维码应该不难。 主要是符合这个要求,目录 | 微信开放文档 1、在需要调用 JS 接口的页面引入如下 JS 文件:

    2024年02月14日
    浏览(33)
  • H5页面跳转微信小程序

    微信浏览器中实现跳转 使用微信官方接口 wx-open-launch-weapp (该方法只开放给已认证的服务号或者小程序云开发的静态网站托管绑定的域名下的网页) 案例代码 相关文档 目录 | 微信开放文档 微信开发者平台文档 https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.htm

    2023年04月17日
    浏览(34)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包