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

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

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


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

前一页:没有了
相关阅读
纯div+css制作的弹出菜单-02
深山旅行社网站管理系统 v1.5
js中innerHTML,innerText,outerHTML的用法与区别
ASP取出HTML里面的图片地址的函数
CSS Alpha透明代码相关知识学习
酷在旅途
微信公众号回复文本消息或用客服接口推送文本消息
table表格详解,了解表格不为人知的属性,标准化你的表格
共有0条关于《静态网站利用微信URL Scheme生成的ticket从浏览器h5跳到微信小程序完整代码》的评论
发表评论
正在加载评论......
返回顶部发表评论
呢 称:
表 情:
内 容:
评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码: 验证码 
网友评论声明,请自觉遵守互联网相关政策法规。

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

更多信息>>栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
DIV+CSS
HTML
更多>>同类信息
静态网站利用微信URL Scheme生成的ticket从浏览器h5跳到微信小程序完整代码
定制开发微信小程序的操作流程
微信小程序腾讯视频播放组件tencentvideo(wxa75efa648b60994b)
微信小程序直播组件live-player-plugin(wx2b03c6e691cd7370)
使用uni-app开始小程序使用腾讯视频插件vid播放视频
微信小程序-接入广告
更多>>最新添加文章
pywinauto技术文档
使用uiautomatorviewer连接模拟器页面报错No Android devices were detected by adb.
python+appium自动化测试-滑动
Appium获取手机分辨率 & 自适应设备下滑刷新
python加Appium判断滑动是否到达屏幕底部
python退出while循环break、return、continue
Python PyInstaller安装和使用教程(详解版)
python自动控制鼠标操作pymouse
更多>>随机抽取信息
专注于自由行的旅游服务商建站解决方案
深山留言板(激情圣诞集合五套模板)v4.4
利用锚点做纯CSS的图片展示效果
留言板(钓鱼岛模板)V5.3
uni-app微信小程序分享微信好友与分享到朋友圈功能
一些常见的网页设计小技巧