【问题记录】微信小程序无法打开公众号文章

已于 2023-07-10 16:33:19 修改
阅读量3.9k 收藏 2
点赞数 2
文章标签： 微信小程序 小程序
于 2023-06-20 14:14:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_55647204/article/details/131304161
版权
文章主要讲述了在小程序中使用webview打开公众号文章时遇到的两个问题：一是文章链接不正确，解决方法是从公众号后台获取正确链接；二是小程序未关联公众号，需在设置中完成关联操作。通过这些步骤，可以顺利在小程序内展示公众号内容。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

参考链接：小程序通过webview打开公众号的文章 - 简书

问题记录：

问题1：公众号文章链接不对

解决办法：从公众号后台获取文章链接即可（不用更改业务域名）

问题2：小程序未关联公众号（检查路径：设置->关联设置->关联公众号）

解决办法：登录“公众号管理后台-小程序管理”完成关联，如下图

 

Jessi_W
关注
微信小程序 - 详细解决web-view公众号文章或第三方网站分享转发后打开失败，页面显示“无法打开该页面，不支持打开“、“页面不存在“报错提示，苹果IOS系统手机打开是空白页，安卓手机系统会有提示！
王佳斌
08-22 6897
微信小程序，公众号文章，第三方H5网页，内嵌网站分享后打不开，web-view，页面分享，小程序里公众号文章转发后无法打开，白屏，页面空白什么都没有，不支持打开，无法打开该页面，页面不存在，业务域名配置好了还是不行，公众号和小程序已经关联，iOS端苹果真机打开空白页，安卓手机，页面分享后，用户打不开提示错误，提示页面不存在，如何解决页面提示无法打开该页面，微信小程序web-view无法打开该页面不支持打开的解决方法，无法打开该页面不支持打开，最新详细解决方案，分享之后无法打开页面，提示无法打开该页面,不支持
微信小程序——01开发前的准备和开发工具
总裁余（余登武）博客
11-10 1万+
微信小程序——01开发前的准备和开发工具
微信小程序如何访问公众号文章
10-16
主要介绍了微信小程序如何访问公众号文章，随着小程序不断的发展，现在个人的小程序也开放了很多功能了，个人小程序直接打开公众号链接。在群里看到的一款小程序，点击可以直接阅读文章了,需要的朋友可以参考下
【接上篇】小程序实现文章列表，点击跳转公众号详情页
liupenglove的专栏
02-08 702
小程序实现文章列表，点击跳转公众号详情页
微信小程序：小程序访问公众号的文章
BigGod_lxj的博客
05-23 6927
一、公众号设置关联的小程序 1.1、首先是登录公众号的后台，然后在公众号左侧菜单栏找到“小程序”这个栏目，点击“小程序管理” 1.2、进入“小程序管理”之后，可以看到两项，一个是“关联小程序”，一个是“快速注册并认证小程序”，这里我们点击“关联小程序”。 1.3、扫一扫、验证管理员的身份 1.4、管理员确认之后会进入下一步，页面上会出现一个搜索框，把你要关联的小程序的名称或者是APPID、原始ID输入在搜索栏，然后点击搜索。 1.5、添加 二、小程序端访问文章，使用web-view标签，src为公众号的链接
微信小程序可以打开公众号文章
懒宝宝的博客
06-15 8446
微信今日晚间发布消息，宣布微信小程序基础能力、开发者工具全面升级，新增多项能力。基础功能方面：1、小程序新增打开公众号文章功能。可以打开已关联公众号的文章，不过文章内暂不支持赞赏、广告、关注公众号等。2、为提升服务质量，小程序新增“意见反馈”组件。用户可以在小程序内或小程序主页中反馈遇到的问题，开发者可以在小程序管理后台查看用户反馈内容以及操作日志。4、支持动态加载字体，让小程序获得最佳的视觉体验...
微信小程序打开任意公众号文章
qq_42044542的博客
10-23 314
【代码】微信小程序打开任意公众号文章。
微信小程序webview页面和公众号访问链接打不开访问不了
热门推荐
qq_29725325的博客
08-28 9万+
该网页可能存在文件下载内容，下载及安装未知来源的文件可能造成个人隐私泄露，或影响财产安全，如需浏览，请长按网址复制后使用浏览器访问。
微信小程序web-view使用非“开发调试“模式打开公众号网页授权h5页面，提示“无法打开该页面”
ore_fila的博客
11-10 1669
微信小程序引导用户进行公众号网页授权，会跳转到业务服务的一个h5页面进行网页授权，授权成功后再跳转回小程序。但是用体验版手机调试时打开“开发调试”模式能跳转成功，但是关闭“开发调试”模式就提示“无法打开该页面”小程序业务域名设置： 微信公众平台登录-开发-开发管理-开发设置-业务域名。按照提示下载文件到域名服务根目录，到业务域名框填写域名保存成功即可。排查后发现原因是微信小程序未设置业务域名，设置完成后访问成功。
微信小程序获取并展示公众号推文
华工Web练习生
02-29 8420
微信小程序基于PHP与云函数获取并展示公众号推文
NFC外部调起微信小程序具体流程
我滴博客！
11-29 3060
NFC外部调起微信小程序具体流程
通过搜狗微信和微信公众平台爬取微信公众号名称、标题、文章链接、文章全部文字内容，并通过IP池、代理池、打码平台、设置请求频率等处理爬取中断的情况
qq_43155641的博客
12-06 1062
搜狗微信爬虫逻辑如下图。微信公众平台爬虫逻辑为输入cookie、fakeid、query后爬取。搜狗微信和微信公众平台具体代码放在最后。仅供个人学习使用。如有疑问，请留言评论。
个人小程序跳转公众号文章
qq_38822390的博客
01-22 5632
在此之前，想要从小程序里面跳转一个链接，要使用web-view才可以，而且个人<web-view src="xxxxxxx"></web-view>一行就ok. 但是有一定的局限性 1：前段时间，微信正式宣布为方便开发者灵活配置小程序，小程序现开放内嵌 Web 页面能力，但这个开放的能力也具有一定的局限性，小程序如果想要内嵌网页，那域名只能是自己公司的，对这个网站拥有控制...
小程序访问公众号文章
祈澈菇凉
04-23 1889
随着小程序不断的发展，现在个人的小程序也开放了很多功能了，个人小程序直接打开公众号链接。在群里看到的一款小程序，点击可以直接阅读文章了，所以琢磨了一下，写了一些源码。 主要代码： <web-view src="https://mp.weixin.qq.com/s?__biz=MzI2ODUxMzg4Nw==&mid=2247485016&am...
微信小程序中如何打开公众号文章（node版）
几何裂变
07-23 1万+
1. 技术要求 微信开发经验+小程序开发经验+会一点node 2. 思路 在6月份的一次更新，webview组件增加新的能力，webview 指向网页的链接。可打开关联的公众号的文章，其它网页需登录小程序管理后台配置业务域名。所以我们可以利用微信提供的"https://api.weixin.qq.com/cgi-bin/material/batchget_material“接口获取所有的素材...
微信小程序开发——实现跳转公众号文章
copple的专栏
04-08 1813
分享页面不要出现标签，否则会提示当前页面不允许分享朋友圈。欢迎体验小程序，如有好的想法和建议请留言，不胜感激！小程序中要显示公众号的文章，该怎么做?将要显示的文章做新页面，将文章链接通过。所以，用以上方式即可解决！​​​​​​​完美解决。,然后接参的地方使用。
微信小程序点击公众号文章图片跳转公众号文章
LRQQHM的博客
07-31 969
登录微信公众号账户，找到如下图，如果没有开发者密码(AppSecret) 选择“启用”，自己设置一下就可以了，(ip白名单作用：调用api接口的电脑ip地址需要再此处添加，否则，api接口调用不成功，会有相关的报错提示)再建一个weixin页面，就放一个web-view，承载网页的容器，会自动铺满整个小程序页面。要想获取微信公众号的文章列表，需要登录公众号运行账号，进行一下相关的设置。微信小程序调用实例：(实际开发中，为了安全，应该在后端调用)；做了一个轮播图，点击图片直接进入公众号文章。
微信小程序获取微信公众号openid
最新发布
02-28
### 如何在微信小程序中获取关联的微信公众号 OpenID 为了实现在微信小程序中获取与之关联的微信公众号 OpenID 的功能，开发者通常会采用间接的方式完成这一过程。具体来说，在用户同意授权的情况下，可以通过以下方式实现： #### 方案概述 1. **通过 Web-View 组件** 小程序内嵌入 `web-view` 组件加载网页链接至特定页面，该页面用于引导用户登录并授权给第三方应用（即公众号）。当用户成功授权后，服务器端能够接收到包含有公众号 OpenID 的回调请求。 2. **后台 API 处理** 在 `redirect_uri` 后端 API 服务中处理来自微信服务器的通知消息，从中解析出用户的公众号 OpenID 并返回给前端展示或存储起来以便后续业务逻辑使用[^3]。 #### 技术细节 ##### 步骤 A: 准备工作 确保已经完成了必要的开发环境搭建以及配置了合法有效的 App ID 和 Secret Key 等信息。同时还需要设置好 OAuth 授权回调域名等相关参数[^4]。 ##### 步骤 B: 获取 Code 参数 利用小程序内置方法 `wx.login()` 获得临时登陆凭证 code ，之后将其传递给自定义的服务端接口换取 session_key 及 unionid （如果存在的话），注意这里并不直接涉及公众号 OpenID 的获取[^5]。 ```javascript // JavaScript 示例代码片段 wx.login({ success(res) { if (res.code) { // 发送 res.code 到自有服务器交换 openid 或者其他数据 wx.request({ url: 'https://example.com/api/getOpenId', data: { js_code: res.code }, method: 'POST' }) } else { console.log('登录失败！' + res.errMsg); } } }); ``` ##### 步骤 C: 用户身份验证 接下来需要设计一个 H5 页面作为中间桥梁，用来接收从小程序跳转过来带有 code 参数的 URL 请求，并在此基础上继续执行下一步的身份认证流程——重定向到微信提供的 Oauth2 登录地址以获得最终所需的公众号 OpenID。 ```html <!-- HTML 示例代码片段 --> <a href="https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=http%3A%2F%2FREDIRECT_URI&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect">点击进入</a> ``` ##### 步骤 D: 解析 Callback 数据 最后一步是在指定的 callback 地址上部署相应的处理器函数来捕获由微信平台回传的数据包，其中包含了至关重要的 access_token 字段以及其他附加属性如 expires_in、refresh_token 等；进一步地还可以调用微信提供的 `/sns/userinfo` 接口查询得到完整的用户资料，其中包括所期望获取的目标字段——公众号 OpenID[^1]。 ```php <?php // PHP 示例代码片段 $access_token_url = "https://api.weixin.qq.com/sns/oauth2/access_token"; $params = array( 'appid'=>'YOUR_APP_ID', 'secret'=>'YOUR_SECRET_KEY', 'code'=>$_GET['code'], 'grant_type'=>'authorization_code' ); $response = file_get_contents($access_token_url.'?'.http_build_query($params)); $data = json_decode($response,true); echo $data['openid']; // 输出公众号 OpenID ?> ```
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值