首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >h5跳小程序--非微信环境如何跳转/打开小程序【URL Scheme】

h5跳小程序--非微信环境如何跳转/打开小程序【URL Scheme】

作者头像
玖柒的小窝
修改于 2021-11-16 09:17:21
修改于 2021-11-16 09:17:21
3.4K00
代码可运行
举报
文章被收录于专栏:各类技术文章~各类技术文章~
运行总次数:0
代码可运行

很多人还以为小程序只能在微信环境才能相互跳转,不知道其实【URL Scheme】早就可以实现非微信环境跳转,并且比使用微信环境内容的开发标签跳转小程序更简单

有些节假日活动或者业务需求,需要把H5的用户引导到小程序来,这或许就比较麻烦了,

微信环境还好,可以直接使用微信提供的 < wx-open-launch-weapp > 来打开小程序,具体如何实现可以参考这篇文章:

developers.weixin.qq.com/community/d…

现在谈的是非微信环境打开我们自己的小程序,如何实现?

我们可以使用微信提供的【URL Scheme】地址来实现跳转。

具体怎么操作,如下:

如何获取【URL Scheme】地址,获取方法有2种?

1、可以不用通过服务器调接口,通过登录公众平台,小程序管理后台「工具」-「生成URL Scheme」入口可以获取打开小程序任意页面的URL Scheme(位置在登录后右上角),可以填写你需要跳转小程序的页面地址及参数,点击生成即可

2、可以通过微信api接口服务器端调取来生成【URL Scheme】地址,使用一个token就可以实现获取,生成的地址及参数和上面一样的,可以配置对应的参数,地址:developers.weixin.qq.com/miniprogram…

怎么正确使用呢?

iOS系统支持识别URL Scheme,可在短信等应用场景中直接通过Scheme跳转小程序。

Android系统不支持直接识别URL Scheme,用户无法通过Scheme正常打开小程序,开发者需要使用H5页面中转,再跳转到Scheme实现打开小程序,跳转代码示例如下:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
location.href = 'weixin://dl/business/?t= *TICKET*'
复制代码

为了兼容苹果和安卓都能使用,我个人建议统一写成脚本执行跳转locataion.href=‘URL Scheme地址’,这可能会出现,有些浏览器会自动拦截脚本自动执行的内容,导致跳转H5页面不能马上调起跳转小程序,所以页面最好保留一个按钮,标明跳转失败可以点击此按钮跳转小程序。

到此已经可以在非微信环境浏览器打开微信小程序了,祝你代码好运没bug(注:企业微信也支持这种【URL Scheme】调起小程序)。

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
H5跳转小程序方案
微信官方文档:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html
leader755
2024/01/25
2.9K0
H5跳转小程序方案
h5页面跳转微信小程序(最简单的方法|URL Scheme)
官方文档地址:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/url-scheme.html
肥晨
2024/02/19
16K0
小程序webview组件,小程序内联h5页面,webview实现微信支付
先说下实现原理吧,实现原理就是我们在webview的h5页面里实现下单功能,然后点击支付按钮,我们点击支付按钮的时候会跳转到小程序页面,把订单号,订单总金额,传递到小程序里,然后小程序里使用订单号和订单金额去调起微信支付,实现付款,付款成功或者失败时都会有回调。我们再把对应的回调传递给webview,刷新webview里的订单和支付状态。
编程小石头
2019/08/15
5.4K1
小程序webview组件,小程序内联h5页面,webview实现微信支付
喜大普奔,微信终于支持外网打开小程序啦!
long long ago~ 我们只能在微信内的网页中使用微信开发标签-小程序跳转按钮 <wx-open-launch-weapp>打开小程序,只有这样一种单一的场景。
胡哥有话说
2021/02/19
2.6K0
微信小程序已经有URL Link,为什么还要URL Scheme、Short Link?
微信小程序,张小龙设想其为无需安装即可使用的应用,秉持 “用完即走” 的设计理念,旨在成为连接人与服务的桥梁。
烟雨平生
2025/07/24
7310
微信小程序已经有URL Link,为什么还要URL Scheme、Short Link?
微信支持H5跳转App、跳转小程序
根据刀哥多年写代码要看文档的经验来看,证实了这次更新不仅支持了打开小程序,连app也顺带支持了,这个信息量着实有点大
ConardLi
2020/07/15
2.2K0
微信支持H5跳转App、跳转小程序
如何在微信内外部浏览器唤起小程序
原理:通过地址栏配置需要跳转的参数,h5页面拿到参数后通过接口转换为weixin://xxxx 开头的scheme协议地址,并且主动location.href一次。这样能保证用户每次打开都是新的scheme地址,针对一天50w数量上限的问题,可尝试同一个用户在固定时间内相同的参数,返回相同的scheme地址。
江拥羡橙
2023/11/08
1.4K0
如何在微信内外部浏览器唤起小程序
微信小程序 ---- 从短信、邮件、微信外网页等场景打开小程序
测试地址 复制地址到短信、邮件、或者其他浏览器:http://read.yajunliang.com/quanyi 1. 文档 《URL Scheme打开小程序》 2. 《获取 access_t
Rattenking
2021/02/01
2.5K0
教你怎么用URL Scheme H5链接打开微信小程序
怎么从浏览器,QQ等场景,用H5链接打开微信小程序?其实简单操作即可实现,看看小编如何实现的,适用于非个人主体。
小狐狸说事
2023/11/17
2.4K0
H5打开小程序的方案和今天看到一句话的感触
今天同事遇到一个需求,需要用H5打开小程序。且H5和小程序是属于两个不同的东西,没有交集。想了想也没什么特别好的方案。我这里根据不同的场景,汇总一下可能的方案。
terrence386
2022/07/15
1.1K0
使用小程序·云开发静态托管实现免鉴权h5跳转小程序
但是,开发者在使用之前要在公众号设置JS接口安全域名,不仅限制个数还限制修改次数,而且在使用之前还得获取access_token、ticket等计算signature传入config,非常麻烦。
xiaolin
2021/01/20
2.2K0
使用小程序·云开发静态托管实现免鉴权h5跳转小程序
微信公众号开发之H5页面跳转到指定的小程序
  最近公司有一个这样的需要,需要从我们在现有的公众号H5页面中加一个跳转到第三方小程序的按钮。之前只知道小程序之间是可以相互跳转的,今天查阅了下微信开发文档原来现在H5网页也支持小程序之间的跳转了,下面就简单描述一下对接的流程。
追逐时光者
2021/10/18
2.8K0
小程序-实现怎么跳转打开 H5 网页链接(或跳转至公众号文章)
背景 有时候,因为业务需求,在小程序当中,需要跳转到 h5 网页,或跳转到公众号,形成流量的闭环,那在小程序当中怎么实现呢? 实例效果 (小程序跳转到公众号) (小程序跳转到h5网页) 小程序实现跳
itclanCoder
2020/10/28
27.7K0
小程序-实现怎么跳转打开 H5 网页链接(或跳转至公众号文章)
小程序打开h5页面,并实现H5与小程序的通信
web-view组件是承载网页的容器。会自动铺满整个小程序页面,个人类型的小程序暂不支持使用。
拿我格子衫来
2022/01/24
3.1K0
微信外H5跳转小程序——<JumpApp/>组件(vue项目)
有个H5(vue项目),需要实现点击商品item跳转到小程序,微信内和微信外都要支持,这里我们只介绍一下H5在微信外的跳转。
PHP开发工程师
2022/03/16
1.4K0
微信外H5跳转小程序——<JumpApp/>组件(vue项目)
微信小程序开放「分享到朋友圈」功能
2020年7月7日(据说是6日深夜),一个很特别的日子,微信低调地放开了一个功能:微信小程序“分享到到朋友圈”,这个看似微小的变化,对微信小程序来说意义重大。
Jianbo
2020/07/09
3.6K0
微信小程序开放「分享到朋友圈」功能
微信小程序跳转到h5页面_微信怎样打开小程序
大家好,我是架构君,一个会写代码吟诗的架构师。今天说一说微信小程序跳转到h5页面_微信怎样打开小程序,希望能够帮助大家进步!!!
Java架构师必看
2022/09/12
2K0
微信小程序跳转到h5页面_微信怎样打开小程序
从前端的角度来梳理微信支付(小程序、H5、JSAPI)的流程
使用微信支付的前提必开通微信商户号,要使用到那种的支付方式要前需在商户平台开通(要审核)。
九旬
2020/12/01
7.9K2
从前端的角度来梳理微信支付(小程序、H5、JSAPI)的流程
使用小程序·云开发静态托管实现免鉴权h5跳转小程序
但是,开发者在使用之前要在公众号设置JS接口安全域名,不仅限制个数还限制修改次数,而且在使用之前还得获取access_token、ticket等计算signature传入config,非常麻烦。
腾讯云开发TCB
2020/12/16
2.2K0
使用小程序·云开发静态托管实现免鉴权h5跳转小程序
【前端探索】微信小程序跳转的探索——开放标签为什么存在?
【2022.01.25修正】现在URL Scheme支持微信内跳转了,可以不用在微信内特殊处理成开放标签。
luciozhang
2023/04/22
1.2K0
【前端探索】微信小程序跳转的探索——开放标签为什么存在?
推荐阅读
相关推荐
H5跳转小程序方案
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验