H5页面跳转关注微信公众号页面

最新推荐文章于 2024-03-22 19:29:28 发布
最新推荐文章于 2024-03-22 19:29:28 发布
阅读量5.9k 收藏 14
点赞数 2
分类专栏： Web前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35713752/article/details/126499973
版权

实现点击就跳转到关注公众号的页面，如下图：如果已关注，就会是发消息，如果未关注，发消息的按钮就会是关注

 

实现步骤：

1.登录微信公众号后台，F12打开网页调试模式

2.打开Sources，搜索：uin_base64:

 

 复制 uin_base64: 后面的值，拼接在下面的链接：（__biz=替换成你的uin_base64:后面的值）

https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzI4MTU5MjgwMQ==&scene=110#wechat_redirect

location.href = "https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzI4MTU5MjgwMQ==&scene=110#wechat_redirect​"

 

 

 

a_靖
关注
  • 2
    点赞
  • 踩
  • 14
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
专栏目录
Html5页面获取微信公众号的openid的方法
11-20
1、H5页面是运行在微信浏览器的 2、需要与公众号关联（即需要openid） 3、判断需求是否需要弹窗告知用户授权操作 4、获取地址栏参数判断是否有’code’,有的话直接传给后台换取openid,没有就跳转微信提供的获取code的链接 5、获取到的openid做本地存储，判断没有openid进行获取openid操作 6、这边的操作是不需要弹出授权框，且code不能重复使用，所以做了关注二维码弹窗且不能关闭弹窗操作 // 强制关注公众号，获取openid getCode = function () { if (sessionStorage.getItem("openid")&&ses
HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法
09-28
就想弄一个winform结合html5的一个小东西，突有心血来潮，想在里面嵌套一个微信网页版，下面小编给大家介绍下HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法，一起看看吧
微信小程序分页效果实现
阵雨的博客
12-13 9815
index.js // pages/bianmin/bianmin.js var p = 0 var GetList = function (that) { wx.request({ url: url, method: "POST", data: { page: p }, header: { 'content-type': 'a
通过链接跳转关注公众号
走过的足迹
03-22 76
难度：看似简单，事实上，热敏纸打印时，无法直接将图片打印出来，只能将字符串转为图片。且对字符长度有限制。解决：打开公众号，任找一篇推文，用浏览器打开，F12 查看，找到 url 中的 __biz 参数。最后将 __biz 参数值 替换下面URL中对应的参数，即可获得关注公众号的跳转链接。场景：打印热敏纸小票时，希望在最后追加一个二维码，通过扫码可以直接关注公众号。以上链接地址，可以直接转为 二维码打印到热敏纸中。
H5页面跳转到公众号关注页面
Chona
03-13 2297
关注和未关注公众号时，跳转对应的关注页面
网页中直接跳转到指定公众账号页面
weixin_30457881的博客
01-12 1097
今天一朋友给我发了一个URL，在微信中打开，就会直接跳转到公众号的关注页，觉得很神奇，赶紧把页面扒下来看看。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>正在跳转</title> <me...
H5跳转微信公众号解决方案
Cheer的博客
04-04 3102
小程序页面展示微信公众号关注引导页面，用户点击直接进入公众号。可在公众号发布一篇推文，插入公众号名片二维码等元素，使用小程序web-view组件展示，快速实现引导页。接口可直接返回跳转链接，但是每个链接只能一个用户使用，有效期最长30天，可结合redis缓存实现。可采用 H5页面——>唤起微信小程序——>小程序引导页——>公众号客服的跳转流程。用户可通过点击公众号蓝色字体，公众号名片或扫码进入公众号。h5页面点击直接跳转小程序链接，将唤起微信公众号小程序，微信内可链接直接跳转公众号关注页。
微信中H5通过uin_base64链接跳转公众号关注页面，关注按钮闪一下消失？
JarryNeverGiveup的博客
05-25 2883
微信不允许这种方式引流，该页面不允许有历史记录栈。
H5页面调起关注微信公众号的方法
bevee的博客
05-27 8589
在H5页面里面，可以内置按键或链接，用户点击后触发关注公众号，操作步骤如下： 1、登录目标公众号的后台，登录地址：https://mp.weixin.qq.com； 2、进入首页后，在页面上右键-选择“检查”（或者按F12），进入调试窗口，选择“Sources”，把源文件代码拷贝到外部编辑应用（如写字板、记事本或editerPlus这些），搜索“window.wx.uin”，查到uin（微信公众号ID），如下图： 3、对uin进行BASE64编码，可以用在线编码工具：​​​​​​Base6
h5开发微信公众号重定向到关注页面没有关注按钮 （微信你个坑）
weixin_43816501的博客
09-03 819
搜索微信公众号是这样的 微信公众号重定向到关注页面没有关注按钮 如何微信公众号重定向到关注页面没有关注按钮，请看上篇笔记 无解，微信一直在封这种通过链接跳转到公众号关注页面的方法。只有放个二维码提示长按识别。 等等 还有解决的办法 然后 搞定 ...
使用vue完成微信公众号网页小记(推荐)
11-26
公司最近有一个H5页面的功能，比较简单的一个调查表功能，嵌套在我们微信公众号里面。选用的技术栈是Vue。同时用到了微信的登录和分享接口。ps:本人小白，如果有问题希望大家能指出来，写文章不止是为了记录，还是...
微信支付如何实现内置浏览器的H5页面支付
11-26
因为项目需要，要在H5页面中加入微信支付，所以便去尝试，只想说真的很坑，尤其调试起来不方便 这是微信的官方API文档 微信API 微信支付的准备工作 申请公众号，申请开通支付，这个很简单，自行百度 申请好之后 在...
详细教你微信公众号正文页SVG交互开发技巧
12-09
结合这一需求，本期分享的内容是如何开发交互式SVG，并嵌入微信公众号正文页。设计师和前端开发同学都可以来学习下。学会了可以接这方面的私活了，短平快地赚小钱钱。 先看下最终SVG交互效果： (体验公众号正文页...
springboot(酒店管理系统)
04-25
开发语言：Java JDK版本：JDK1.8（或11） 服务器：tomcat 数据库：mysql 5.6/5.7（或8.0） 数据库工具：Navicat 开发软件：idea 依赖管理包：Maven 代码+数据库保证完整可用，可提供远程调试并指导运行服务（额外付费）～ 如果对系统的中的某些部分感到不合适可提供修改服务，比如题目、界面、功能等等... 声明： 1.项目已经调试过，完美运行 2.需要远程帮忙部署项目，需要额外付费 3.本项目有演示视频，如果需要观看，请联系我 4.调试过程中可帮忙安装IDEA，eclipse，MySQL，JDK，Tomcat等软件 重点： 需要其他Java源码联系我，更多源码任你选，你想要的源码我都有！ 需要加v19306446185
BP神经网络matlab实例.doc
最新发布
04-25
数学模型算法
设计.zip
04-25
设计.zip
基于 Spring Cloud 组件构建的分布式服务架构
04-25
Java SSM项目是一种使用Java语言和SSM框架（Spring + Spring MVC + MyBatis）开发的Web应用程序。SSM是一种常用的Java开发框架组合，它结合了Spring框架、Spring MVC框架和MyBatis框架的优点，能够快速构建可靠、高效的企业级应用。 1. Spring框架：Spring是一个轻量级的Java开发框架，提供了丰富的功能和模块，用于开发企业级应用。它包括IoC（Inverse of Control，控制反转）容器、AOP（Aspect-Oriented Programming，面向切面编程）等特性，可以简化开发过程、提高代码的可维护性和可测试性。 2. Spring MVC框架：Spring MVC是基于Spring框架的Web框架，用于开发Web应用程序。它采用MVC（Model-View-Controller，模型-视图-控制器）的架构模式，将应用程序分为模型层、视图层和控制器层，提供了处理请求、渲染视图和管理流程的功能。 3. MyBatis框架：MyBatis是一个持久层框架，用于与数据库进行交互。它提供了一种将数据库操作与Java对象映射起来的方式，避免了手动编写繁琐的SQL语句，并提供了事务管理和缓存等功能，简化了数据库访问的过程
【微信小程序毕业设计】书店系统开发项目(源码+演示视频+说明).rar
04-25
【微信小程序毕业设计】书店系统开发项目(源码+演示视频+说明).rar 【项目技术】 微信小程序开发工具+java后端+mysql 【演示视频-编号：246】 https://pan.quark.cn/s/cb634e7c02b5 【实现功能】 用户信息管理，图书信息管理，图书类型管理，图书留言管理，论坛信息管理等
详细举例从外部h5非微信浏览器跳转到微信公众号关注页面的办法
08-13
### 回答1： 要从外部的H5页面跳转到微信公众号的关注页面，需要进行以下步骤： 1. 确认微信公众号的原始ID 在微信公众号后台，可以在“设置”-“公众号设置”-“帐号详情”中找到公众号的原始ID。 2. 在外部H5页面上添加关注链接 在外部H5页面上添加一个链接，链接的URL为以下格式： ``` https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=[公众号的原始ID]#wechat_redirect ``` 请将[公众号的原始ID]替换为你的微信公众号的原始ID。 例如，如果微信公众号的原始ID为“wx123456789”，则链接的URL为： ``` https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=wx123456789#wechat_redirect ``` 3. 用户点击链接后跳转到微信公众号关注页面 当用户在非微信浏览器上打开外部H5页面，并点击上述链接时，会自动跳转到微信公众号的关注页面。 请注意，用户必须使用微信浏览器打开关注链接才能正常关注公众号。如果用户在非微信浏览器中打开链接，可能无法正常关注公众号。 ### 回答2： 从外部h5非微信浏览器跳转到微信公众号关注页面有以下几种方法： 1. 生成关注链接：在微信公众号平台获取自己的微信公众号关注链接，一般是类似于https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX==#wechat_redirect的形式。将这个链接嵌入到外部H5页面中，用户点击链接即可跳转到微信公众号关注页面。 2. 使用微信公众号二维码：在微信公众号平台生成一个关注该公众号的二维码，然后将二维码图片插入到外部H5页面中。用户打开外部H5页面后，扫描二维码即可跳转到微信公众号关注页面。 3. 利用微信JSSDK：通过在外部H5页面中引入微信官方提供的JSSDK，在页面中调用微信的相关API，实现跳转到微信公众号关注页面。具体做法是首先通过wx.config进行配置，然后使用wx.ready监听JSSDK配置完成后的事件，最后使用wx.openUrl指定跳转的URL，将其设置为微信公众号的关注链接。 总之，以上是从外部H5非微信浏览器跳转到微信公众号关注页面的几种方法，其中常用的是生成关注链接和使用微信二维码的方式。具体选择哪种方法，可根据实际需求和开发环境来决定。 ### 回答3： 如果要从外部H5非微信浏览器跳转到微信公众号关注页面，可以通过以下几种办法： 1. 生成个人或公众号的二维码：可以在微信公众号后台或者第三方平台上生成一个关注公众号的二维码。在H5页面上将该二维码展示出来，用户可以使用手机扫描二维码，跳转到微信客户端的公众号关注页面。 2. 使用微信授权登录：在H5页面上使用微信的网页授权登录功能，引导用户使用微信账号登录，并获取到用户的openid。在登录成功后，再通过微信JS-SDK的接口，调用相关功能，弹出关注公众号的页面，引导用户关注。 3. 在H5页面中使用微信JS-SDK的接口：可利用微信JS-SDK的相关功能，如打开特定网页、唤起微信扫一扫等。在H5页面上加入一个关注按钮，点击按钮后调用JS-SDK接口，跳转到微信公众号的关注页面。 需要注意的是，以上方法在实际应用中需要满足一些条件，比如需要有正式的微信公众号，需要进行相应的配置，以及需要获取微信JS-SDK的权限等。另外，不同的微信版本和设备可能对跳转行为有一定的限制，因此在操作时要注意兼容性的问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

a_靖

对你有帮助吗？打赏鼓励一下？

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值