微信小程序实现外部链接跳转的方法及注意事项

2024-06-15
来源:网络整理

微信小程序内嵌网页链接

微信小程序和浏览器环境有所不同,微信小程序内所有外部链接都必须在业务域名上部署成功才可以进行跳转。

不管是a标签的超链接,还是别的,都需要在微信公众平台部署企业域名才能访问。

如果嵌入了微信公众号文章,则无需部署,但需要与微信公众号进行关联

需要提前注意的几点:

1.暂不支持个人及海外小程序!

2.使用微信官方组件web-view,会覆盖页面上除原生小程序外的所有其他组件,铺满整个小程序页面

3.部署业务域名时,需要使用

4、部署企业域名时,企业域名必须备案ICP,如果是海外域名,则不能部署。

使用微信官方组件web-view:

具体步骤如下:嵌入公众号文章

要求:公众号文章必须与小程序关联

1.关联公众号

2.使用web-view嵌入公众号文章

< !-- html -->

嵌入外部网页 1.下载部署验证文件

登录微信开放平台小程序页面,在“企业域名”中添加,如下图:

小程序添加开发者是什么意思_小程序怎么不了添加开发者_开发版小程序如何添加其他人

在此处下载验证文件并将其放在指定位置:

1.企业域名必须备案,新注册域名24小时后方可配置,域名格式仅支持大小写英文字母、数字及“-”,不支持IP地址,配置企业域名后可开通任意合法子域名。

2. 将文件放置在域根目录中,并确保该文件可访问。

比如您要保存的业务是,下载的验证文件是AbC.txt,那么就需要保证它可以访问。

2.添加企业域名

验证文件部署成功后,这里添加业务域名

需要注意的几点:

1. 企业域名前面不需要加

2.业务域名必须填写根域名,例如:下载的验证文件是AbC.txt,可以访问,则填写即可

目前很多开发者在设置业务域名时发现校验文件失败,可以先按照如下步骤进行自检:

1.企业域名必须备案,新注册域名24小时后方可配置,域名格式仅支持大小写英文字母、数字及“-”,不支持IP地址,配置企业域名后可开通任意合法子域名。

2. 将文件放置在域根目录中,并确保该文件可访问。

比如您要保存的业务是,下载的验证文件是AbC.txt,那么就需要保证它可以访问。

3、验证文件内容错误,验证文件内容一般为非HTML数据,若下载的验证文件内容为HTML数据,一般是由于登录状态过期导致,请重新登录小程序下载验证文件。

4.尝试使用4G网络访问该链接,并确认你的服务器没有拦截请求(常见于有白名单或防火墙的服务器,开发者需自行确认)

分享