H5跳转小程序,可以跳转任意小程序,以及任意小程序的页面地址获取。

H5跳转小程序,可以跳转任意小程序,以及任意小程序的页面地址获取。,第1张

H5跳转程序

1登录 微信公众平台 进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。

2这个JS接口安全域名就是访问你H5地址的域名。

3通过config接口注入权限验证配置并申请所需开放标签( 签名算法 )

如果上面 *** 作都没有问题 那么打开页面会显示这样的界面

这里可以看到config配置都加载出来了,但是按钮没有显示

直接用手机打开这个网页

好的,测试成功。

有的<template>这个标签不显示换成<script type="text/wxtag-template">这个试试

如果按钮手机上不显示 检查下config是否载入 检查APPID是否是对应的服务号,检查JS安全域名是否配置了你的H5域名地址。

如果出现图上这样的问题:需要确认一下,微信版本要求为:7012及以上。 系统版本要求为:iOS 103及以上、Android 50及以上。

此标签id为小程序的原始ID,path为小程序的页面地址后面必须加html,上面这个地址是我跳转小程序直播间,亲测成功。

你可以跳转任意小程序,只需要知到他页面地址。页面地址的获取方法:

我这里以QQ音乐小程序为例。

1第一步把该小程序添加到我的小程序

2第二部点击名称 查看更多资料获取到原始ID和APPID

3进入小程序后台,点击工具获取小程序码,把刚刚得到的APPID放进去

4点击获取更多页面路径,把自己的微信号填进去,点击开启。然后回到QQ音乐小程序,点击右上角三个点,你会发现多了个复制链接。

pages/home/homehtml 这个就是获取到QQ音乐的页面链接。

然后我们把原始ID和这个链接填入到刚刚H5标签内,就可以跳转到QQ音乐了。

最近做了一个需求在公众号网页推送的模板消息,连接跳转到关联小程序,遇到总是跳转到首页的问题。说一下里面的坑

后端是PHP进 行消息发送  官方发送数据例子如下:

最开始 为了构造一个json数据格式,

第一步:我是先把 数据构造成一个多维数组 $arr,

第二步:$json_data  = json_encode($arr),然后再  $json = urldecode($json_data);

第三步:再然后 就是 通过  curl_init 进行发送了,这里不再详述。

接下来有个坑,发送不成功,错误信息 如下

{“errcode”:40165,“errmsg”:"invalid weapp pagepath}

百度下,很快有了答案,说官方文档有误,把 pagepath 改为 path 即可,我试了下,果然可以,消息推送正常,开心坏了!

奇怪的事情发生了,点击推送消息后没有跳转到小程序指定页面,一直是首页!

然后百度搜索各种答案,有说  路径参数名,改为 page(试了下居然可以),有的说 为 pagepath(这不是刚跳出来的坑吗?为啥别人居然可以成功发送?)

经过各种测试终于发现问题所在,第二步有问题!json_encode() 把原来数组中的路径 斜杠转义了!  'pages/auth/authid=6'   变成了  'pages\/auth\/authid=6'  难怪找不到路径!

后来看了下手册,有防止 json_encode() 转义 斜杠的参数  

JSON_UNESCAPED_SLASHES (不转义斜杠,对应的数字 64)

然后把第二步  改为   $json_data  = json_encode($arr, JSON_UNESCAPED_SLASHES )

还得把  页面参数由 path  改为   pagepath (不改会报错!)

再发送消息就可以正常接收并跳转到指定小程序页面啦!下面是我的构造的正确的多维数组格式

在js里面可以设置。

设置该页面的转发信息。 只有定义了此事件处理函数,右上角菜单才会显示。

转发标题 当前小程序名称 path 转发路径 当前页面 path ,必须是以 / 开头的完整路径 imageUrl 自定义路径,可以是本地文件路径、代码包文件路径或者网络。

以上就是关于H5跳转小程序,可以跳转任意小程序,以及任意小程序的页面地址获取。全部的内容,包括:H5跳转小程序,可以跳转任意小程序,以及任意小程序的页面地址获取。、微信公众号模板消息无法跳转到指定小程序页面、腾讯文档小程序转发时的封面设置等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/10169851.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-06
下一篇 2023-05-06

发表评论

登录后才能评论

评论列表(0条)

保存