H5外链跳转微信小程序教程及源码

1.首先解释一下,H5外链跳转小程序是什么意思?

简单说就是创建一个链接让客户可以在QQ或者浏览器访问这个链接就可以直接唤起微信小程序,省去了保存小程序二维码又到微信扫码的繁琐过程。


演示如下:


2.该方法适用的小程序

非个人主体并且已认证的小程序且该方法需要用到服务器。


步骤:

1.首先打开小程序后台https://mp.weixin.qq.com/,找到工具下的生成url scheme。


2.有限期选择永久有效,小程序页面路径按需求填写,留空则跳转主页,启动query参数留空即可,然后点击生成会获得一个weinxin://链接。


原理解释:

这个weixin://链接在微信可以直接跳转小程序,但在QQ不可以,所以我们需要使用location.href转化一下,具体代码如下:

<script>    location.href = “weixin://dl/business/?t=VixcxsoDdzt”   //替换自己的url scheme</script>

 如果不知道这串代码该怎么用大家可以下载以上演示视频的源代码。

下载后目录结构如下:


使用编辑器或者记事本打开index.html进行编辑,找到146行左右:

将weixin://链接换成自己生成的即可,保存。


将保存好的文件上传至网站任意目录(最好新建一个目录),如下所示:

访问你的“网站/目录/index.html”即可打开小程序。


下载权限

查看
  • 免费下载
    评论并刷新后下载
    登录后下载

查看演示

  • {{attr.name}}:
您当前的等级为
登录后免费下载登录 小黑屋反思中,不准下载! 评论后刷新页面下载评论 支付以后下载 请先登录 您今天的下载次数(次)用完了,请明天再来 支付积分以后下载立即支付 支付以后下载立即支付 您当前的用户组不允许下载升级会员
您已获得下载权限 您可以每天下载资源次,今日剩余

给TA打赏
共{{data.count}}人
人已打赏
网站源码

Argon – 轻盈、简洁、美观的 WordPress / Hexo 主题

2022-3-28 16:16:17

建站学院网站源码

微信小程序酱茄Free下载

2021-4-10 18:11:44

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索