获取任意小程序的页面地址

获取任意小程序的页面地址,第1张

找到小程序,点击屏幕右上角带三个点的按钮,然后再点击所示位置,

然后再点击更多资料,拿到小程序的APPID

去到任意小程序后台

   

打开所要获取地址的小程序页面

4、选择小程序

a、如果已知appid,直接输入,并点击“下一步”。

b、如果不知道appId,选择常用中的小程序就OK(添加步骤)

1)点击小程序管理--添加

2)添加关联小程序

(注意:关联主体小程序的限制)

3)选择常用,并点击“下一步”。我们选择使用敏天气作为示例。

7、至此,页面链接已经拿到。

如果我们需要配置跳转至某小程序的指定页面,此链接便是,值得提醒的是:1、上面提到的小程序管理中添加小程序,一个月只能添加同主体的10个小程序和不同主体的3个小程序,有这方面次数要求的,慎用。2、填写的微信用户复制任意页面路径,有效时间十分钟,速度已经要快。

通常小程序直接页面传值是通过 url 拼接或利用 storage 。

比如在订单确认页面需要进行收货地址选择会进入到地址选择页面,这个订单确认页面与地址选择页面的通讯就很头疼。

而 getCurrentPages() 刚好解决了这一难题。

使用方法

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音乐了。

我们可以这么将小程序的页面路径放在公众号的菜单栏中,具体步骤如下:

1登录公众号后台,点击小程序-小程序管理,看下是否已经关联了想要获取页面路径的小程序,如未关联,点击添加按钮,选择关联小程序,进行关联。

2点击左侧的管理-素材管理-新建图文素材。

3在微信文章编辑页面中,点击小程序按钮。

4在d出的窗口中,选择对应的小程序,这里我选择的是示范案例“建程序”,然后点击下一步。

5在d出的窗口中,点击获取更多页面路径,然后右侧d出的窗口中,输入管理员的微信号(切记一定是微信号,微信绑定的QQ和手机号都不行),然后点击开启,开启成功后,会有d出提示成功的标识。

6这时候拿出手机,用刚刚输入的微信号进行访问小程序,这里我用的是“king2222222222222222”的微信,访问示范案例“建程序”,然后进入想要获取的页面中,点击顶部的···,然后选择复制本页面路径。

7复制成功后,将路径发送到电脑上,此时我获取到的页面路径是pages/market/pages/card/myCard/myCardhtml。重点来了,获取到的小程序路径中,一定要去掉html,不仅限于结尾,可能中间也会有html,记住一定要去掉就OK啦。

8此时,我们将正确的页面路径填写在公众号的菜单栏处,就好了。

以上就是关于获取任意小程序的页面地址全部的内容,包括:获取任意小程序的页面地址、[微信小程序]教你快速获取小程序任意页面路径、微信小程序 getCurrentPages获取当前页面栈等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/zz/10112651.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存