置顶免鉴H5跳转小程序的坑,微信可跳,H5无法跳、自定义传参、云函数上传失败等小白解决方案精选热门

   日期:2024-12-27    作者:8r2jv 移动:http://3jjewl.riyuangf.com/mobile/quote/74036.html

本文适合小白交流,大佬勿喷。把自己遇到的坑,小白解决方案贴出来交流。

置顶免鉴H5跳转小程序的坑,微信可跳,H5无法跳、自定义传参、云函数上传失败等小白解决方案精选热门

坑1:微信跳转与H5跳转,跳转的路径不是一样的。

跟我一样粗心伙伴注意了

官方说明:网页会判断所在的环境来觉得采用哪种跳转方式,如检测到微信客户端内,则免鉴权使用开放标签跳转如检测到在外部浏览器或 App,则使用 URL Scheme 跳转小程序。
  • 区别在于在html代码里面的属于标签跳转,URL Scheme跳转是在云函数里面的。

主要问题是没看清文档及不熟悉云开发,以为前台代码的path就是所有跳转的url。html的path=xxx 仅指的是当在微信H5情况下跳转的路径(可带参数)

如果想在其他浏览器(非微信H5上做跳转,跳转的路径及参数需要在云函数写

其中path是路径,不能带参数(不太确定),简约如果有参数则写在query里面去,例如 query:'openid=developers'

这样的话微信跳转的路径其实可以与H5跳转路径不一样都没问题,第一个坑解决了。


坑2:哪怕按照上面写了,还是微信能跳,H5不能跳,云函数一直无法上传。

我也查了社区很多贴,没有一个好的解决方案,这个坑主要问题是在基础没有打好的问题,我想部分人应该也是刚接触云开发不久,都是用到这个开发能力才去接触这个开发能力

解决方案:

官方在云函数的地方,告诉我们需要新建一个云函数名字为public,在这个目录下面创建一个js。但是因为这个要用到wx-server-sdk。

打开命令行,定位到public,安装一下所需要的环境,云函数中使用 wx-server-sdk 需在对应云函数目录下安装 wx-server-sdk 依赖(自己理解)

这个安装上去的了,你的public目录下就会多一个node_modules目录,云端安装就不说了,这里我是直接全部上传的。

安装好后,上传代码后,基本上H5就可以跳转到浏览器了。(如果你的还行不行,检查一下权限,还有报错,可能还需要按照node_sdk)

【如果还是不行,可以回复本帖,尝试帮忙排查解决】


坑3:路径后自定义传参问题?参数是动态的问题。

因为自己对云函数认识不足,所以用了自己的解决方案。

我当时项目的需求是,动态传参,每个参数都是不一样,如果按官方的文档是固定路径的

我是获取当前h5的url参数,提取自己要的参数出来。然后拼接到 path里面去。拼接的方法有很多,当时为了速度快点就用了最白痴的方法。

需要注意,微信的跳转与h5跳转写法不一样。


微信H5的自定义参数跳转

我把官方的这个代码

改成了(大佬别吐槽,当时为了实现功能)


其他H5的自定义参数跳转

把代码拉到最下面去,他是通过这个来执行云函数的,然后拿到回传的信息的链接,最后直接js跳转到该链接。


所以我们可以把我们的值也传过去。我在data里面加了一个action1


云函数那边我没有用原本那个方法,而是直接改了原本的。(可以按照自己思路来)

最终我的云函数代码就是


最后可以实现根据自定义传参到url,h5、微信h5都能自动跳转到微信小程序。


特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。


举报收藏 0评论 0
0相关评论
相关最新动态
推荐最新动态
点击排行
{
网站首页  |  关于我们  |  联系方式  |  使用协议  |  隐私政策  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2020018471号