微信小程序可以通过H5链接从其它平台打开了你知道吗?
大家都知道百度小程序有开源联盟,可以从其它一些平台比如爱奇艺、快手、哔哩哔哩等平台直接打开,但微信小程序和支付宝小程序一直以来都只能是微信和支付宝平台运行,其它平台是无法打开的。通过技术攻关加微信小程序官方的支持,目前开发的微信小程序已支持生成H5页面,然后可在浏览器及各支持直接打开链接的平台打开并跳转到微信打开小程序了。方法如下:
一、首页进入管理后台如上图步骤先点击“其它配置”,然后选择你所使用的功能模块,比如是微商城那就选微商城,然后可针对首页生成H5链接,也可针对相应的商品生成H5链接,点击“生成二维码”
二、点击生成二维码后,跳出的界面选“微信”按钮
三、选后如下图点击“复制H5跳转链接”按钮,即可自动复制H5链接了。
复制出来的H5链接如果感觉太长,还可通过短网址(suo.im)站点缩短网址,操作方式如下:
把刚生成的比较长的H5链接复制到如上短网址站点,再点击“一键缩短”,即可将上面生成的H5链接缩短成非常短的一个网址,这样就可直接发给好友或发朋友圈。也可通过浏览器访问。还可放到其它各支持直接打开链接的平台直接打开。
打开链接会有如上的提示,点击“打开”,跳转后再点击“打开”即可直接跳转运行微信自动打开小程序了。如果H5链接是小程序的首页,打开的就是首页,如果是相应的商品,那么直接打开的就是相应的商品了。一些做抖音等平台的客户,会把这链接放抖音直播间及私信里,用户可直接打开链接跳转到微信小程序下单了,是不是超级实用?
扫描二维码 打开 小程序或是H5网页「干货」
最近在做一个的项目,有一个需求是扫码查看信息详情
扫描的情况可能是使用微信扫描,或是其他扫描
如果是微信扫描,则跳转到对应的小程序,
如果非微信扫码,则进入H5展示详细信息
目前需要解决的难题有一下几个:
微信扫码如何进入小程序如果不是微信扫码,如何跳转到H5展示生成二维码的数据该放那些内容
围绕以上问题;有一下接的几个方案可以解决
方案一:H5+微信小程序urlScheme
方案二:H5+微信小程序的普通二维码跳转小程序
方案三:使用微信小程序生成无限制二维码
首先去掉第三个方案,因为微信小程序二维码无法条状到H5,如果用浏览器扫描,则查看不了内容
其次去掉第二个方案,每个小程序urlScheme生成数量有限,10万封顶,这对于生成批量的二维码业务来说,早晚是会出问题的。不过在这里也简单描述一些,功能的实现:
前期准备
1.一个上线并且认证的小程序
2.一个H5站点
3.二维码参数生成参数为: xxx.com?id=xx
4.扫码后获取id 通过id 查询数据,并通过服务端生成对应的urlScheme(openlink) 一并放回来给前端
5.判断是否为微信环境 如果是微信环境
是:跳转window.localtion.herf=openlink
否:在H5端展示资产详情
方案二:是最简单,也是可以解决当前问题的最佳选择
前期准备:
1.一个上线并且认证的小程序
2.一个H5站点 xxx.com
3.二维码参数生成参数为: xxx.com?id=xx
4.到微信小程序后台 配置 扫普通链接二维码打开小程序 【规则自己理一理】
配置参考:
H5 站点 xxx.com
配置的规则 xxx.com/mini
测试的配置 xxx.com/mini?id=xxx
我使用的是uniapp快速搭建H5+微信小程序测试
使用方案三的优势在于:只需要关注微信小程序不出问题,其他浏览器或是应用打开基本之后走H5,并在H5展示,使用微信扫描,直接可以打开小程序
具体注意事项,可参考微信小程序开发者文档;也可以留言
上一期:批量生成二维码,并展示板块,有一个更好的解决方案是,后端直接放回base64格式的数据,前端只需要渲染。完美解决
本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com
文章为作者独立观点不代本网立场,未经允许不得转载。