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

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

静态网站利用微信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>


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

前一页:没有了
相关阅读
佳达国际货运代理有限公司
一个不错的分页效果
黑色的非常酷的简单JavaScript日历及说明
对于转换的不确定数数用ubound进行下限处理
div中的图片链接居中的问题
表格斜线
利用CSS中的Clip属性来创造各种多彩的文字
optgroup 标签
共有0条关于《静态网站利用微信URL Scheme生成的ticket从浏览器h5跳到微信小程序完整代码》的评论
发表评论
正在加载评论......
返回顶部发表评论
呢 称:
表 情:
内 容:
评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码: 验证码 
网友评论声明,请自觉遵守互联网相关政策法规。

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

更多信息>>栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
DIV+CSS
HTML
python
更多>>同类信息
静态网站利用微信URL Scheme生成的ticket从浏览器h5跳到微信小程序完整代码
定制开发微信小程序的操作流程
微信小程序腾讯视频播放组件tencentvideo(wxa75efa648b60994b)
微信小程序直播组件live-player-plugin(wx2b03c6e691cd7370)
使用uni-app开始小程序使用腾讯视频插件vid播放视频
微信小程序-接入广告
更多>>最新添加文章
ASP中Utf-8与Gb2312编码转换乱码问题的解决方法页面编码声明
DW设置之后更好用 DreamweaverCS编辑GB2312与UTF-8文件在代码视图中点击鼠标错位问题的解决办法
解决国内 github.com 打不开的准确方法
8种Python字符串拼接的方法,你知道几种
Python拼接字符串的几种方式
Python pandas删除指定行/列数据的方法实例
chrome谷歌浏览器中的谷歌翻译有问题一键修复处理
让你的Pycharm和电脑pip install下载速度飞起来
更多>>随机抽取信息
在网页标题栏上或收藏夹前面显示网站ico小图标的方法
深山网吧留言板系统(激情穿越火线)v4.3
CSS设计网页头部的优化写法
深山留言板5.0新版
表单正则表达式
两个ASP中防止SQL注入式攻击