h5跳转小程序页面url_H5跳转小程序,可以跳转任意小程序,以及任意小程序的页面地址获取。...
1登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
2这个JS接口安全域名就是访问你H5地址的域名。
3通过config接口注入权限验证配置并申请所需开放标签(签名算法)
测试跳转小程序
下面是按钮
id="launch-btn"
username="gh_64f20a68865d"
path="__plugin__/wx2b03c6e691cd7370/pages/live-player-plugin.html?room_id=129"
>
打开小程序
{include file="common/wap_js" /}
{notempty name="$signpackage"}
$(function(){
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: '{$signpackage.appId}', // 必填,公众号的唯一标识
timestamp: '{$signpackage.timestamp}', // 必填,生成签名的时间戳
nonceStr: '{$signpackage.nonceStr}', // 必填,生成签名的随机串
signature: '{$signpackage.signature}',// 必填,签名
jsApiList: ['updateAppMessageShareData','updateTimelineShareData','onMenuShareAppMessage','onMenuShareTimeline'] ,// 必填,需要使用的JS接口列表
openTagList: ['wx-open-launch-weapp'] // 可选,需要使用的开放标签列表,例如['wx-open-launch-app']
});
var btn = document.getElementById('launch-btn');
btn.addEventListener('launch', function (e) {
console.log('success');
});
btn.addEventListener('error', function (e) {
console.log('fail', e.detail);
});
});
{/notempty}
如果上面操作都没有问题 那么打开页面会显示这样的界面
image.png
这里可以看到config配置都加载出来了,但是按钮没有显示
直接用手机打开这个网页
f4afc403ec0bb1860e5960a71c11ce5.jpg
3b72c875e8e55ed17cd8fb443dab306.jpg
好的,测试成功。
有的这个标签不显示换成
如果按钮手机上不显示 检查下config是否载入 检查APPID是否是对应的服务号,检查JS安全域名是否配置了你的H5域名地址。
0.png
如果出现图上这样的问题:需要确认一下,微信版本要求为:7.0.12及以上。 系统版本要求为:iOS 10.3及以上、Android 5.0及以上。
id="launch-btn"
username="gh_64f20a68865d"
path="__plugin__/wx2b03c6e691cd7370/pages/live-player-plugin.html?room_id=129"
>
此标签id为小程序的原始ID,path为小程序的页面地址后面必须加.html,上面这个地址是我跳转小程序直播间,亲测成功。
你可以跳转任意小程序,只需要知到他页面地址。页面地址的获取方法:
image.png
我这里以QQ音乐小程序为例。
1.第一步把该小程序添加到我的小程序
2.第二部点击名称 查看更多资料获取到原始ID和APPID
3.进入小程序后台,点击工具获取小程序码,把刚刚得到的APPID放进去
image.png
image.png
4.点击获取更多页面路径,把自己的微信号填进去,点击开启。然后回到QQ音乐小程序,点击右上角三个点,你会发现多了个复制链接。
image.png
pages/home/home.html 这个就是获取到QQ音乐的页面链接。
然后我们把原始ID和这个链接填入到刚刚H5标签内,就可以跳转到QQ音乐了。
h5跳转小程序页面url_H5跳转小程序,可以跳转任意小程序,以及任意小程序的页面地址获取。...相关推荐
- 基于h5的跳一跳游戏的开发与实现_「南宁小程序开发」企业开发小程序有哪些好处?...
现如今微信小程序成为了许多企业推广自身产品的一个平台,为什么他们会选择小程序呢?小程序到底有哪些好处?接下来,南宁小程序开发公司--视点网络告诉您开发小程序的好处有哪些. 轻量性:平时APP的转化过程 ...
- h5跳转微信小程序,短信外链外部跳转微信打开任意第三方网址url,抖音跳转微信添加好友直接方法?
weixin://dl/business/?t= *TICKET* iOS系统支持识别URL Scheme,可在短信等应用场景中直接通过Scheme跳转小程序. Android系统不支持直接识别URL ...
- 在h5页面中调起支付宝小程序中的某一个页面以及URLScheme 之 支付宝
在h5页面中调起支付宝小程序中的某一个页面 直接上代码: window.location.href = 'alipays://platformapi/startapp?appId=2021001181 ...
- 微信小程序如何跳转到微信公众号文章,小程序如何关联公众号或订阅号
微信小程序如何跳转到微信公众号文章,小程序如何关联公众号或订阅号 前置条件 公众号最高管理权限(或能与最高权限管理者配合操作) 小程序开发权限或最高管理权限 小程序方面 根据官方资料描述,小程序中展示 ...
- 公众号自动回复小程序 html代码,图文和公众号自动回复跳转小程序
#### **图文和公众号自动回复跳转小程序** **图文跳转小程序** 路径:公众号平台后台>素材管理>新建图文消息>小程序 ![](https://img.kancloud.cn ...
- nginx做小程序外链跳转_小程序跳转外部链接怎么设置,实现小程序跳转外链的两种方法...
小程序跳转到外部链接有很多种类型,包括小程序跳转到APP,小程序跳转到小程序,小程序跳转到公众号,小程序跳转到网页等.由于小程序跳转的对象比较多,各自的规则又不一样,因此小程序跳转外部链接是用户咨询较 ...
- 公众号跳转小程序首次没有数据_小程序如何从“0”开始运营,变成获客神器...
随着发展,越来越多的企业都感觉到获客难,获客成本高.而小程序的诞生恰恰解决了这些问题.合理的利用小程序的功能,可以帮助商家低成本高效获客,今天我们就来谈谈具体怎么用小程序来拉新引流. 合理的利用小程序 ...
- 跳一跳改分php源码,小游戏“跳一跳”居然可改分,微信小程序现漏洞
2018年元旦三天假期大家玩的很嗨皮,大家玩的最嗨的除了朋友圈里晒出的18岁,就是微信新小程序里面的"跳一跳"这款小游戏了. 但是你知道吗?"跳一跳"居然可以利 ...
- 微信小程序跳一跳java代码_安卓版微信小程序跳一跳辅助
今天一上班 被github上的一篇名为<教你用python玩跳一跳>吸引,它的星也瞬间从3400涨到4400 原作者主要就是用python 脚本去 玩微信小程序跳一跳,本次是基于安卓机型配 ...
最新文章
- 从Python调用外部命令
- JavaScript确认提交?
- midi api java_Java声音api – 扫描MIDI设备
- HDU 1556 Color the Ball 线段树 题解
- Intellij IDEA 快捷键整理(dyCopy)
- CSS一些实用的技巧
- 通过jdbc的mysql驱动连接oceanbase mysql模式数据库
- 正则表达式学习笔记009--大括号与选择符的认识与应用
- Classes and Objects :类和对象(2)
- wxParse无法解析strong标签
- 大学物理计算机仿真实验报告,大学物理实验实验报告模板.doc
- 怎么让图片铺满手机屏幕_手机版Photoshop怎么把图片铺满屏幕?
- oracle导出dmp文件合集
- xxl-job的学习使用
- pr爱情模板,2.14情人节爱情告白视频模板素材
- VMware虚拟机装系统提示Units specified dont exist!
- 使用Python 封装一个简单的Mysql工具类
- git提交代码设置某些文件不可上传
- 计算机定期备份用什么程序,怎么让电脑定期自动备份文件或文件夹(让你的电脑每天定时自动为你备份重要的文件)...
- Python中and和or运算符的高级用法
热门文章
- 天龙八部宋辽服务器不响应,天龙八部,萧峰就义换宋辽10年太平!却不能掩盖是宋辽罪人的事实...
- 赛后詹姆斯和韦德联手出席了发布会
- HDU2097:Sky数
- Canvas网络教学平台-升级
- python实现对布洛赫球(Bloch Sphere)动画可视化的方法
- ps切图工具cutterman安装和使用
- 使用WPS Office连接Azure DevOps Server (TFS)
- Java - SSLContext.getInstance()
- 实体类属性与数据库字段不一致
- 【Re:从零开始的QQ机器人搭建】——基于go-cqhttp和python