静态网站利用微信URL Scheme生成的ticket从浏览器h5跳到微信小程序完整代码

2022/6/8 10:11:43 字体: 浏览 7593

静态网站利用微信URL Scheme生成的ticket从浏览器h5跳到微信小程序完整代码

1.使用微信云开发托管静态网页:

微信相关的浏览器可以获得免鉴权能力跳转任意小程序,普通浏览器只能跳转自己的小程序。
静态网站H5跳小程序,阅读微信官方文档:https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/staticstorage/jump-miniprogram.html


2.用URL Scheme获取ticket跳转小程序的进行跳转。
附上urlscheme.generate微信文档参考: https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/url-scheme/urlscheme.generate.html#method-http

操作分为两步:
第一步:通过小程序appId和secret获取token(微信接口)https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=&secret=
第二步:调用获取跳转小程序scheme的接口(微信接口)https://api.weixin.qq.com/wxa/generatescheme?access_token=ACCESS_TOKEN

其它文档:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html#21



附上ASP获取h5跳转小程序全部代码

<%
qwbmwxappid = "wxc4534166201a11111"
qwbmwxappsecret = "d838f26dcfffe3d42222"
strJson=GetURL("https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid="& qwbmwxappid &"&secret="& qwbmwxappsecret &"")
if InStr(strJson,"errcode")>0 then
else
Call InitScriptControl:Set objTest = getJSONObject(strJson)
qwbmwxaccesstoken = objTest.access_token '获取新Access_token
end if

expire_time = ToUnixTime(DateAdd("d",30,now)) '有效期30天

qrjson = "{""jump_wxa"":{""path"": ""/pages/kecheng/index/index"",""query"": """"},""expire_time"":"& expire_time &"}"
strJson=PostURL("https://api.weixin.qq.com/wxa/generatescheme?access_token=" & qwbmwxaccesstoken,qrjson)
Call InitScriptControl:Set objTest = getJSONObject(strJson)
gotourl = objTest.openlink '这个就是获取跳转地址
%>
<a href="<%=gotourl%>">打开小程序</a>


每天生成 URL Scheme 和 URL Link 总数量上限为50万
自 2022 年 4 月 11 日起,URL Scheme有效期最长 30 天,不再支持永久有效的URL Scheme、不再区分短期有效URL Scheme与长期有效URL Scheme。若在微信外打开,用户可以在浏览器页面点击进入小程序。每个独立的URL Scheme被用户访问后,仅此用户可以再次访问并打开对应小程序,其他用户无法再次通过相同URL Scheme打开该小程序。 在本次规则调整生效前已经生成的URL Scheme,如果有效期超过30天或长期会被降级为30天有效,只能被1个用户访问,开始时间从调整日期开始计算。 详细调整说明可见《小程序链接生成与使用规则调整公告》。

通过服务端接口可以获取打开小程序任意页面的 URL Scheme。适用于从短信、邮件、微信外网页等场景打开小程序。 通过 URL Scheme 打开小程序的场景值为 1065
生成的 URL Scheme 如下所示:weixin://dl/business/?t= *TICKET*
用户无法通过 Scheme 正常打开小程序,开发者需要使用 H5 页面中转,再跳转到 Scheme 实现打开小程序,跳转代码示例如下:
location.href = 'weixin://dl/business/?t= *TICKET*'
该跳转方法可以在用户打开 H5 时立即调用,也可以在用户触发事件后调用。
这种形式的微信 scheme,来完成启动并跳转到微信的。 微信内部会对Scheme的信息进行解密,解密出ticket中包含的URL来加载。

Web 启动微信测试代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>跳转中</title>
</head>
<body>
<div class="page__hd" align="center">
<h3 align="center" style="padding:30px;">正在打开微信请稍等...</h3>
<a href="javascript:;" class="weui-btn weui-btn_primary weui-btn_loading" onClick="toweixin();" style="width: 60%">重新打开微信</a><br>
</div>
<script>
setTimeout(toweixin());
function toweixin(){window.location.replace('weixin://dl/business/?ticket=t852de9efd9b1111111');}
toweixin();
</script>
</body>
</html>


所以通过这种方式,就可以完成微信跳转并加载我们想要的网页了。

相关阅读
华东宾馆网站
旅行社管理系统商业版4.0发布
利用javascript仿的漂亮的flash效果的菜单
请勿在本地站发布乱七八糟的广告,本站所有的留言与评论全是需要审核的
重新设定目标与学习方法,好记忆不如烂笔头
PS常用密技
input文本输入框只能输入数字或字母或汉字等
对MD5加密方式使用者的建议
共有0条关于《静态网站利用微信URL Scheme生成的ticket从浏览器h5跳到微信小程序完整代码》的评论
发表评论
正在加载评论......
返回顶部发表评论
呢 称:
表 情:
内 容:
评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码: 验证码 
网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

更多信息>>栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
DIV+CSS
HTML
python
更多>>同类信息
在Android、iOS、Windows、MacOS中微信小程序的文件存放路径
静态网站利用微信URL Scheme生成的ticket从浏览器h5跳到微信小程序完整代码
定制开发微信小程序的操作流程
微信小程序腾讯视频播放组件tencentvideo(wxa75efa648b60994b)
微信小程序直播组件live-player-plugin(wx2b03c6e691cd7370)
使用uni-app开始小程序使用腾讯视频插件vid播放视频
更多>>最新添加文章
在Android、iOS、Windows、MacOS中微信小程序的文件存放路径
python通过代码修改pip下载源让下载库飞起
python里面requests.post返回的res.text还有其它的吗
aliyun阿里云续费域名优惠口令(注册、续费都可以使用)
windows7环境下安装配置jdk
python对微信操作要用到这两个库wxpy与itchat
ASP中Utf-8与Gb2312编码转换乱码问题的解决方法页面编码声明
DW设置之后更好用 DreamweaverCS编辑GB2312与UTF-8文件在代码视图中点击鼠标错位问题的解决办法
更多>>随机抽取信息
中国青岛春秋国际旅行社有限公司
各个苹果手表型号版本对比以及查看苹果手机Apple Watch型号
ASP连接各种数据库的方法
JavaScript:iframe自动适应高度
删除程序页面代码中的注释标签
CSS的常用的一些技巧