微信公众号使用:在微信公众号文章中嵌入小程序的方法

最近有点忙,没有时间写知识点,今天来分享一个非常使用的知识点:在微信公众号文章中嵌入小程序。这个问题也很简单,但是对于第一次接触的人来说还是需要走点弯路才能解决的。在微信公众号文章中嵌入小程序的方法其实在2017年的时候,微信就已经支持这种关联方式,但是对于大多数没有接触这方面的人来说还是需要了解知道的,接下来就来分享一下这个知识点。

微信公众号可以把已经关联的微信小程序添加到群发文章的正文中,点击链接后可以直接打开关联的微信小程序,还可以自定义微信小程序卡片的标题和图片,指定微信小程序打开的页面,并且支持所有的微信公众号里面群发文章的正文里添加微信小程序。

直奔主题,具体步骤如下所示:

1、登录需要发布有嵌入小程序的公众号文章的微信公众号,并且进入微信公众平台的后台管理界面。

2、进入微信公众平台后台管理界面之后,在左侧菜单栏中找到“小程序”模块下的“小程序管

### 如何在微信小程序中获取关联的微信公众号 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
发出的红包

打赏作者

三掌柜666

如果对您有所帮助,请支持一下呗

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值