小程序 web-view 打开 微信公众号文章

首先微信小程序不能不能随便打开一个网址就能进行访问。

必须要配置业务域名。

但是,如果小程序微信公众号进行了关联,则直接可以打开这个公众号到文章。

我已经测试过了。肯定好用。

还有一种方案,打开别人公众号的文章,你在自己服务器上,爬别人的文章,通过自己的服务器返回,就OK。

### 如何在微信小程序中获取关联的微信公众号 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 ?> ```
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值