微信小程序跳转h5页面

404 阅读1分钟

如题,本来以为是一个十分简单的跳转,但是发现还是十分折腾人,微信小程序内部是没有办法直接跳转h5,要做一些其他的操作才可以

第一步

截屏2024-11-07 下午5.27.46.png 在微信后台的开发管理找到业务域名,点击修改,开始配置。

当然,是没有办法直接把你要跳转的域名加到配置下面的,需要先下载提示里的txt文件,然后把这个文件加到你要跳转的这个地址的项目的根目录下,而且对你要跳转的这个地址是有一些要求规范的,只能是https的,如果你想跳转百度首页这种,那就跳转不了,因为你没办法把txt文件加到百度首页项目的根目录下。

第二步

要跳转的https的地址配置好了,要用一个web-view的文件去跳转,也就是说你点击跳转外部链接的时候,要又一个web-view的文件,这个web-view设置src的地址,然后进行跳转。

这里需要注意的是,我搜索出来的一些都是把veb-view的src设置成变量,在js文件的onLoad里拿到url参数后decode处理url的值,我这样尝试了,并且用ios和安卓的手机进行了测试,发现跳转过去是空白的页面,最后采用了简单的方法,直接在web-view写了固定的地址,而不是用变量,至于原因,我就没有去探究了