vue.js - 绕过微信iframe限制，实现公众号或视频号链接的打开方式？

Question

在不通过window.location.href下如何打开公众号或者视频号链接

由于微信的限制，用iframe打开公众号或者视频号链接是不行的，所以现在想请问下用什么其他的方法可以打开这个链接。

Answer 1

在微信浏览器中，由于安全和用户体验的考虑，使用 iframe 直接加载非微信域名的内容通常是被限制的。对于公众号或视频号链接，微信提供了特定的API和SDK来实现内嵌页面与微信功能的交互。

如果你想在网页上实现公众号或视频号链接的打开，但不直接使用 window.location.href，你可以考虑以下几种方法：

1. 使用微信JS-SDK
   微信JS-SDK提供了很多功能，允许开发者在网页中调用微信的原生功能。对于公众号或视频号链接，你可以使用JS-SDK中的 wx.miniProgram.navigateToMiniProgram 方法来打开小程序（如果公众号或视频号有对应的小程序）。

   但是，请注意，此方法需要用户已经关注了公众号或绑定了视频号，并且公众号或视频号已经关联了小程序。

2. 使用微信提供的链接协议
   微信支持一些特定的链接协议，比如 weixin://dl/business/?t=...（用于打开公众号）或 weixin://dl/video/...（用于打开视频号）。但是，由于安全原因，这些链接通常不能在网页的 iframe 中直接打开，而是需要用户点击一个按钮或链接，然后在浏览器中触发打开操作。

   一种可能的方法是创建一个模拟的按钮或链接，并使用JavaScript来触发点击事件。但是，请注意，由于微信的安全策略，这种方法可能无法在所有情况下都工作。

3. 引导用户复制链接到微信中打开
   如果上述方法都不可行，你可以考虑引导用户手动复制链接，并在微信中打开。例如，你可以将链接显示为一个可点击的文本或二维码，并提示用户复制链接到微信中打开。
4. 使用Webview或小程序内嵌网页
   如果你正在开发一个微信小程序，你可以考虑使用小程序内嵌的Webview组件来加载你的网页。在Webview中，你可以使用 window.location.href 或其他方法打开公众号或视频号链接，因为Webview的环境相对更加灵活。
5. 后端处理
   你也可以考虑在后端处理链接的打开。例如，当用户点击一个按钮时，你可以向后端发送一个请求，然后后端生成一个临时的跳转链接或二维码，并将该链接或二维码返回给前端。前端再引导用户打开或扫描该链接或二维码。

请注意，以上所有方法都需要遵守微信的相关政策和规定，确保用户体验和数据安全。