码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • H5跳转微信公众号解决方案


    1.适用场景

    适用H5跳转公众号的场景

    2.跳转方案

    微信内H5跳转

    微信内可链接直接跳转公众号关注页。
    登陆微信公众平台,F12打开浏览器控制台console输入wx.commonData.data.uin_base64
    在这里插入图片描述

    https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=上方步骤输出的内容#wechat_redirect
    该链接可直接在微信内进入公众号关注页(非公众号客户端不支持)。
    在这里插入图片描述

    微信外部H5跳转

    微信外部浏览器无法链接直接打开公众号。
    可采用 H5页面——>唤起微信小程序——>小程序引导页——>公众号客服的跳转流程。

    申请企业认证小程序后,对接小程序跳转能力
    在这里插入图片描述
    官方提供了几种跳转能力,推荐使用urlLink,获取到https跳转链接,兼容性更好。
    接口可直接返回跳转链接,但是每个链接只能一个用户使用,有效期最长30天,可结合redis缓存实现。
    在这里插入图片描述
    h5页面点击直接跳转小程序链接,将唤起微信公众号小程序,
    在这里插入图片描述
    小程序页面展示微信公众号关注引导页面,用户点击直接进入公众号。可在公众号发布一篇推文,插入公众号名片二维码等元素,使用小程序web-view组件展示,快速实现引导页。
    在这里插入图片描述
    用户可通过点击公众号蓝色字体,公众号名片或扫码进入公众号。

  • 相关阅读:
    Kubernetes之本地存储
    Vue - 标准开发方式、组件(全局、局部、props、事件传递)、插槽的使用
    如何让项目准时上线?
    2.KDTree相关
    最新消息:2022高被引科学家名单已公布,都想成为高被引,到底应该怎么做?(附名单)
    【LeetCode】螺旋矩阵&&旋转图像
    音视频开发第一课-使用C语言开发视频播放器 650元IT外包开发全程记录
    map集合
    【MIT6.824】lab2C-persistence, lab2D-log compaction 实现笔记
    Jmeter测试关联接口
  • 原文地址:https://blog.csdn.net/qq_44624722/article/details/126050450
  • 最新文章
  • OpenHarmony.NET 停更事件复盘和思考
    用 AI Agent 做面试准备和面试复盘:我写了一个Skill,把多轮面试当成系统来打
    你的前端代码打包后究竟经历了什么?
    开多个 Agent 后 Claude Code 账单翻了 4 倍,一个配置解决了
    Kubernetes Gateway API 完全指南
    IntelliJ IDEA 无法识别 Maven SNAPSHOT 依赖,但 Maven 编译正常
    C# 基础入门指南:从零开始学习 C# 编程
    前端唯一的护城河?结合 AI 将字节组件库 Headless 化后的感想~
    Lua--基础入门
    AI写代码,脑子却空了
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
小工具 小游戏
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1

京公网安备 11010502049817号