小程序跳转公众号关注页面的两种方法

article/2025/9/11 21:31:16

一、web-view方法

这个种方法有一个必须要达到的条件就是:小程序的公众号必须是认证的企业号,而且要在小程序公众号的后台添加“veb-view业务域名”!不然会出现如下情况

<!--pages/webview666/webview.wxml-->
<view class="ty_box"><web-view src="{{url}}">小程序跳转公众号</web-view>
</view>
// pages/webview666/webview.js
Page({/*** 页面的初始数据*/data: {url:''},/*** 生命周期函数--监听页面加载*/onLoad: function (options) {console.log("xxxxxxxx")console.log(options)if(options.type="baidu"){this.setData({url:"https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzIwMTc4MTQwOQ==#wechat_redirect"})}},/*** 生命周期函数--监听页面初次渲染完成*/onReady: function () {},/*** 生命周期函数--监听页面显示*/onShow: function () {},/*** 生命周期函数--监听页面隐藏*/onHide: function () {},/*** 生命周期函数--监听页面卸载*/onUnload: function () {},/*** 页面相关事件处理函数--监听用户下拉动作*/onPullDownRefresh: function () {},/*** 页面上拉触底事件的处理函数*/onReachBottom: function () {},/*** 用户点击右上角分享*/onShareAppMessage: function () {}
})

url地址biz的值MzIwMTc4MTQwOQ是获取目标公众号的分享的链接中biz的值

如当前页面点开一篇文章,分享出去拿到文章的分享链接在浏览器中打开,复制链接中的bid

下面是我分享出去的文章链接

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

拿到MzIwMTc4MTQwOQ填到对应的位置就可以了

二、official-account方法

 

首先要把公众号和小程序关联起来

在公众号中找到小程序管理----关联小程序

关联成功后

然后在小程序公众号中找到设置----关注公众号------开启关联按钮

<!--pages/ceshi/ceshi.wxml-->
<view style="margin-top:50%;"><official-account></official-account>
</view>

接下来就是选择场景编译了

  • 当小程序从扫小程序码场景(场景值1047,场景值1124)打开时
  • 当小程序从聊天顶部场景(场景值1089)中的「最近使用」内打开时,若小程序之前未被销毁,则该组件保持上一次打开小程序时的状态
  • 当从其他小程序返回小程序(场景值1038)时,若小程序之前未被销毁,则该组件保持上一次打开小程序时的状态

如果切换后台选择编译还是不出现的话那就选择自定义编译吧

这样就可以了,切记这个方法一定不能漏看了官网的这句话

基础库必须在2.3.0以上

这里我用的都是2.9.5

最后大功告成,如果对你有帮助的话,还请留个赞谢谢支持!


http://chatgpt.dhexx.cn/article/0Z0ReCRc.shtml

相关文章

小程序 小程序跳转公众号页面

web-view 基础库 1.6.4 开始支持&#xff0c;低版本需做兼容处理。 承载网页的容器。会自动铺满整个小程序页面&#xff0c;个人类型的小程序暂不支持使用。 客户端 6.7.2 版本开始&#xff0c;navigationStyle: custom 对 web-view 组件无效 小程序插件中不能使用。 属性类…

微信小程序跳转公众号推文

注&#xff1a;笔者是自学小程序&#xff0c;自身开发经验不足&#xff0c;代码肯定存在不规范和不足&#xff0c;该博客参考一下就好 完整项目代码&#xff1a;https://github.com/zim-keavin/wxapp-cloud-demo 实现在小程序中&#xff0c;点击某个组件后跳转到公众号的推文…

微信小程序跳转公众号链接

小程序跳转微信公众号文章&#xff0c;是通过web-view实现的。 1.web-view会默认自动打开所跳转的页面&#xff0c;但我们一般项目需求是点击某一按钮或下一步进行跳转&#xff0c;所以在小程序中我们需要新建一个页面来承载web-view 在页面点击按钮后跳转至承载页面&#xff0…

React + Taro 小程序跳转公众号

Taro小程序跳转公众号的文章 步骤&#xff1a;登录公众号后台-小程序-小程序管理-添加-关联小程序 关联后就可以在微信的公众平台查看(设置-关联设置-关联公众号) 如图所示&#xff1a; 然后使用web-view 我这个是使用广告轮播实现的代码如下 注意&#xff1a;一个页面使用…

【实战】前端必会 —— 微信小程序 跳转 微信公众号

文章目录 一、跳转方案二、获取biz三、小程序跳转公众号 web-view | 微信开放文档 一、跳转方案 跳转方案的选择关键在于目的性&#xff1a; 引流关注&#xff1a;直接跳转公众号页面内容查看&#xff1a;使用 web-view 直接查看 二、获取biz biz 相当于微信公众号的 唯一身…

小程序和公众号相互跳转

小程序跳转公众号 小程序跳转公众号目前只找到 微信暴露的 引导关注组件 official-account, 官方文档如下&#xff1a; https://developers.weixin.qq.com/miniprogram/dev/component/official-account.html 且这个组件展示是有限制的&#xff0c;只有在扫码进入小程序的情况下…

小程序直接跳转到公众号的方法

实现效果 小程序打开公众号的实现效果 小程序不能直接打开公众号首页&#xff0c;但是可以通过打开公众号的某一篇文章&#xff0c;然后进入到公众号内。 具体实现方法 在公众号后台创建一篇文章&#xff0c;最好以xx.weixin.qq.com为域名 &#xff0c;否则可能出现小程序不识…

JAVA调用百度OCR实现身份证识别

业务需求要实现身份证照片识别&#xff0c;还是比较简单的&#xff0c;百度的API开发文档也写的比较清楚&#xff1a;https://ai.baidu.com/ai-doc/OCR/rk3h7xzck 首先准备工作要先申请创建百度账号、创建相对应用&#xff0c;获取API Key 和 Secret Key&#xff08;创建成功后…

微信小程序ocr身份证识别以及手机号获取

开放社区个人微信账户购买https://fuwu.weixin.qq.com/service/detail/000ce4cec24ca026d37900ed551415 页面代码 <template><view><button style"margin-top:200px;" open-type"getPhoneNumber" getphonenumber"getPhoneNumber&quo…

好用的 身份证识别OCR API

今天给大家推荐一款很不错的API —— 来自 APISpace 的 身份证识别OCR API&#xff0c;它利用OCR技术&#xff0c;通过扫描身份证&#xff0c;采集身份证中的有效信息。支持对二代居民身份证反面的关键字识别&#xff0c;包括姓名、性别、民族、出生日期、住址、身份证号&#…

保姆级——Java调用百度OCR实现身份证识别

具体实现功能和参数&#xff0c;可以看百度的API开发文档&#xff1a;https://ai.baidu.com/ai-doc/OCR/rk3h7xzck 其实我是看不懂API文档的 文章中的请求参数 调用百度的OCR需要做的准备工作 先注册一个百度智能云账号&#xff1a;然后在首页&#xff0c;选择创建应用 创建…

微信小程序 腾讯云ocr 身份证识别

官方文档 文字识别 跑通 Demo&#xff08;小程序&#xff09; - 客户端 SDK 接入文档 - 文档中心 - 腾讯云 可以先按照腾讯云的demo 去跑通一下 &#xff08;记得先开通哈&#xff09; 一、代码解析 在demo中主要就是 id-card 文件去控制这识别 及显隐 ocrsdk/pages/id-card…

微信小程序使用 ocr 身份证识别

文章目录 一、打开服务平台开启插件二、搜索ocr&#xff0c;单击开发者资源、找到对应的微信ocr识别&#xff0c;进行购买一天有100次调用。三、在项目中引入 一、打开服务平台开启插件 二、搜索ocr&#xff0c;单击开发者资源、找到对应的微信ocr识别&#xff0c;进行购买一天…

springboot 整合 百度OCR身份证识别

这次 给大家带来的是百度的身份证图片识别&#xff0c;总体来是属于比较简单的&#xff0c;百度的API开发文档也写的比较清楚&#xff1a;https://ai.baidu.com/docs#/OCR-API-Idcard/41062b1a 使用百度身份证识别前要先申请百度的账号以及申请相对应用 https://cloud.baidu.…

学习记录542@阿里云OCR身份证识别具体实现

入门参考网址&#xff1a;https://help.aliyun.com/document_detail/294533.html 两种调用方式&#xff1a;HTTP调用方式&#xff0c;SDK&#xff0c;推荐用SDK&#xff0c;更加简单&#xff0c;方法都是封装好的&#xff0c;本文采用此方式。 SDK方式参考链接&#xff1a; ht…

微信小程序中OCR身份证识别流程

申请权限 登录微信小程序开发平台 设置 -> 第三方设置 -> 插件管理 点击添加&#xff0c;搜索OCR添加即可&#xff0c;如下图所示 点击详情可以看到插件的开发文档 文档传送门 这里值得注意的是要从开放平台购买微信 OCR 识别 不购买直接调用识别接口会报错 101003…

百度云OCR身份证识别

1.通用OCR文字识别 这种OCR只能按照识别图片中的文字&#xff0c;且是按照行识别返回结果&#xff0c;精度较低。 首先引入依赖包&#xff1a; <dependency><groupId>com.baidu.aip</groupId><artifactId>java-sdk</artifactId><version&g…

uniapp-小程序 调用阿里云OCR身份证识别

首先要有阿里云账号&#xff0c;&#xff08;很方便可以只有用支付宝扫码登录&#xff09;&#xff0c;购买套餐之前需要实名认证。 1、阿里云账号实名认证&#xff1a; 鼠标悬浮在右上角账号头像&#xff0c;选择实名认证&#xff0c;选择左边栏的实名认证&#xff0c;根据提示…

uniapp 调用阿里云OCR身份证识别

uniapp 调用阿里云OCR身份证识别 有个项目需求用到阿里云印刷身份证识别&#xff0c;网上搜了很多没有参考&#xff0c;话不多说爬坑总结&#xff1b; 第一步先注册阿里云账号点击注册阿里云账号已有账号忽略&#xff1b; 阿里云身份证识别购买第一次购买可以0元调用500次测试…

H5使用OCR身份证识别

OCR文档地址&#xff1a; ocr识别&#xff1a;https://ai.baidu.com/ai-doc/OCR/ak3h7xxg3 获取Access Token&#xff1a;https://ai.baidu.com/ai-doc/REFERENCE/Ck3dwjhhu **想要实现的功能如下&#xff1a;**上传或拍照识别身份证信息并在下方展示。 **步骤1&#xff1a;**…