什么是跳转外链代码?
跳转外链代码是一种用于实现网页内部跳转和外部跳转的代码,通常通过标签实现。外链是指跳转到其他网站或页面,而微信外链是指跳转到其他网站或页面的同时在微信内部打开,而不是跳出微信。
如何实现微信外链跳转?
为了在微信内部打开跳转网页,需要在跳转代码中设置授权域名和在微信公众号后台配置公众号JS接口安全域名。具体步骤如下:
- 在标签的href属性中填写需要跳转的链接地址。
- 在标签里加入属性rel=\"noopener noreferrer\"。
- 在打开连接前先请求微信JS-SDK权限,检查“wx.ready”生命周期发生变化。
授权域名是什么?
在微信内跳转外部链接,默认情况下会弹出“请在微信里打开”的提示。为避免这个问题,需要在微信公众平台中设置授权域名。授权域名是指用户允许访问微信公众账号网页以及JS SDK授权Host列表内的相关域名,授权域名首次进行跳转时,将会调起微信内置浏览器。在页面授权访问后,用户再跳转到授权域名页面链接时,将直接在公众号自身webview打开。
如何配置公众号JS接口安全域名?
公众号JS接口安全域名是指授权给微信JS SDK进行跳转等操作的域名。配置公众号JS接口安全域名有两种方式:认证服务号和未认证服务号。
认证服务号需要登录微信公众平台,进入“设置”-> “公众号设置”-> “功能设置”,并在“JS接口安全域名”中添加对应的域名。
未认证服务号需要先通过微信认证,认证通过后才能进行此设置,具体操作方式如下:
- 在微信公众平台的“服务”-> “网站托管”中选择网站源码分发平台。
- 将验证文件上传至网站根目录,等待验证通过即可。
如何检查微信SDK权限?
检查微信SDK权限需要先引入用于获取微信SDK权限的代码库,建议使用官方提供的js库,连接为:https://res.wx.qq.com/open/js/jweixin-1.6.0.js。只有得到微信JSSDK的相关权限,才能保证在微信内跳转外链时正常打开。具体过程如下:
- 在HTML中引入jweixin-1.6.0.js库。
- 添加标签,配置公众号的appid,调用wx.config方法来配置JS-SDK。
- 通过$.ajax等方法请求该API获取微信JS-SDK使用权限。
如何优化微信外链跳转?
为了更好的用户体验,可以对微信外链跳转进行一定优化,具体方法如下:
- 为跳转的链接页面设置微信公众号分享配置(如分享标题,副标题,分享图标等),以兼适当提升微信外链的转化。
- 跳转外链时,尽量采用页面内拦截方式,仅使用界面跳转方式来引导用户转向目标页面,防止在微信内打开外部界面参数失效,从而无法回到原始页面。
- 前端开发者可以使用防止频繁打开分享面板或加载了腾讯域名的动画技术,维持好用户体验。