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

article/2025/9/11 22:18:07

实现效果

小程序打开公众号的实现效果

小程序不能直接打开公众号首页,但是可以通过打开公众号的某一篇文章,然后进入到公众号内。

具体实现方法

  1. 在公众号后台创建一篇文章,最好以xx.weixin.qq.com为域名 ,否则可能出现小程序不识别的问题;
  2. 在小程序项目里创建一个webView的页面,访问的链接就是配置好的公众号文章链接;
  3. 在本地运行小程序,在需要跳转的地方添加方法,点击先跳转到webView页面,然后会访问到公众号文章里,文章的左上角有公众号的名称,点击名称,就可以直接跳转到公众号内了;
    在这里插入图片描述
    4.我用的是Taro的写法,大家也可以用原生的,下面放下我的代码
import Taro from '@tarojs/taro';
import { WebView } from '@tarojs/components';
import CommonPageComponent from '../../../pages/CommonPageComponent';
import util from '../../../pages/login/util'; //自己封装的解析h5 Url编码的方法
import { logUrlAddSeries } from '../../../utils/common/logReport'; // 自己封装的埋点方法
const plugin = Taro.requirePlugin('loginPlugin'); //自己封装好的登陆插件export default class Concern extends CommonPageComponent {constructor(props) {super(props);this.state = {h5_url: '',url: '',articleUrl:'https://mp.weixin.qq.com/s?__biz=MzUxNzA4NTQxNQ==&mid=100008693&idx=1&sn=bc6ac5115dd2bc2c604fb329dfa4e793&chksm=799f237d4ee8aa6b86572076bb1e9f3e24b3afb27ef40f106f2261bd20c26a1c28b20ce712a8#rd', //文章路径};}config = {navigationBarTitleText: '',};componentWillMount() {// 开始需要先隐藏分享功能Taro.hideShareMenu();exportPoint(this.$router);const { articleUrl } = this.$router.params;if (articleUrl) {this.setState({articleUrl: articleUrl,},() => {this.init();});} else {this.init();}}componentDidShow() {this.onPageShow();}componentDidHide() {this.onPageHide();}init = () => {// 获取小程序参数,拼接webview的H5链接let h5_url = encodeURIComponent(this.state.articleUrl);h5_url = util.transformH5Url(h5_url);util.h5Init({...{ returnPage: h5_url, pageType: 'h5' },});this.setState({ h5_url }, () => {this._genToken();});};_genToken = () => {let { h5_url } = this.state;plugin.genToken({h5_url,}).then(res => {let { isSuccess, err_code, url, tokenkey, err_msg } = res;if (isSuccess && !err_code) {this.setState({url: logUrlAddSeries(`${url}?to=${h5_url}&tokenkey=${tokenkey}`),},() => {console.log({ url });});} else {Taro.showModal({title: '提示',content: err_msg || '页面跳转失败,请重试',success: resp => {if (resp.confirm) {this._genToken();}},});}});};render() {return <WebView src={this.state.url} />;}
}

我的代码里加了登陆态打通和埋点方法,大家不需要的可以去掉_genToken方法。


http://chatgpt.dhexx.cn/article/3BEbrPhA.shtml

相关文章

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;**…

OCR身份证识别免费试用,附带Java代码

首先&#xff0c;想要使用ocr识别&#xff0c;是要成为百度云的开发者。 第一步&#xff1a; 成为开发者之后&#xff0c;接下来去管理控制台找到文字识别。 然后在应用列表创建应用&#xff1a;身份证识别获取到对应API Key与Secret Key&#xff08;重要的一步&#xff09;。…

阿里云ocr身份证识别接口调用

1、阿里云界面点击搜索ocr&#xff0c;选择文字识别&#xff0c;开通服务&#xff0c;默认已登录阿里云账号 2、选择个人证件识别&#xff0c;身份证识别&#xff08;每个月赠送200次体验&#xff09; 3、点击产品文档 4、下拉到最后&#xff0c;选择RecognizeIdcard点击&am…

百度Ocr身份证识别

controller代码 //可以写入配置文件String clientId "去百度云注册账号获取";// 官网获取的 Secret Key 更新为你注册的String clientSecret "去百度云注册账号获取";/*** 身份证正面* return*/GetMapping("/IdCard/front/{uid}")ApiOperation…

华为云-身份证识别-OCR

使用华为云的AI身份证识别-OCR服务功能需要对应的服务器 华为云的OCR身份证识别需要开通服务区域与调用服务的区域保持一致&#xff0c;目前貌似只有四个服务区才有身份证识别服务&#xff0c;如果购买的服务器不是这四个区的貌似就不能使用这个身份证识别 华为云文字识别 OCR…

OCR身份证识别简单算法流程

点击上方“小白学视觉”&#xff0c;选择加"星标"或“置顶” 重磅干货&#xff0c;第一时间送达 做OCR身份证识别的调研&#xff0c;正好整理一下从基础的图像处理角度的算法流程。 OCR简介 光学字符识别 Optical Character Recognition&#xff08;OCR&#xff09;其…

身份证扫描件联网OCR识别

前言: 1、调用百度API&#xff0c;联网OCR识别&#xff1b; 2、申请Key试用&#xff0c;每天50000次免费调用&#xff0c;超过次数识别失败。商用或超出免费次数自行联系百度付费。百度付费流程&#xff1b; 3、图片编码后不能超过4M&#xff0c;分辨率4096&#xff0a;4096&a…

【python】小游戏-下载即可玩

首先我们需要先下载pycharm&#xff0c;随后我们winR 调出命令控制行 大家可以下载pycharm后&#xff0c;winr 输入cmd 调出命令控制行&#xff0c;随后输入 pip install freegames 安装游戏 pip install freegames 下载好后会跳出来这样的页面 (后带翻译),由于我提前安装完了…