晋鹏软件

微信小程序与公众号数据互通开发

2025-04-08

以下是微信公众号与微信小程序数据互通的开发指南，涵盖用户身份互通、数据共享、业务联动等核心场景，帮助开发者实现跨平台协同：

一、核心互通方式

微信官方提供以下接口实现互通，需在微信开放平台绑定公众号与小程序（需同一主体）：

UnionID 机制：同一用户在不同平台（公众号、小程序）的 openid 不同，但 unionid 相同。
OAuth2.0 授权登录：通过授权码 code 换取用户身份信息。
服务器间 API 调用：通过 HTTPS 接口传递业务数据。

二、实现步骤

1. 准备工作

绑定主体：在微信开放平台绑定公众号与小程序（需同一企业/组织主体）。
获取凭证：
- 公众号：AppID、AppSecret
- 小程序：AppID、AppSecret
配置服务器域名：
- 小程序后台：设置业务域名（需 HTTPS）。
- 公众号后台：配置 JS 安全域名。

2. 用户身份互通（UnionID）

核心逻辑：用户关注公众号或使用小程序时，通过 unionid 判断是否为同一用户。

获取 UnionID 的两种方式

通过授权登录获取：
- 公众号场景：用户关注公众号后，通过 snsapi_userinfo 授权获取 openid 和 unionid。
- 小程序场景：用户登录小程序时，通过 wx.login + code 换取 openid 和 unionid。
javascript
复制
// 小程序端获取 unionidwx.login({success:res=>{ wx.request({url:'https://your-server.com/api/wechat/login',method:'POST',data:{code: res.code},success:res=>{console.log(res.data.unionid);// 返回 unionid}});}});
通过后端接口直接查询：
- 调用微信接口 https://api.weixin.qq.com/cgi-bin/user/info（公众号）或 https://api.weixin.qq.com/sns/jscode2session（小程序），传入 openid 和 unionid 参数。

3. 数据共享方案

场景 1：公众号内跳转小程序

实现方式：公众号文章/菜单中嵌入小程序卡片，用户点击后跳转。
代码示例（公众号后台配置）：
html
运行
复制
<buttonopen-type="miniProgram"app-id="小程序AppID"path="pages/index/index"extra-data="key=value"> 打开小程序</button>

场景 2：小程序唤起公众号

实现方式：用户从小程序内跳转到公众号主页或自动关注。
代码示例（小程序端）：
javascript
复制
wx.navigateToMiniProgram({appId:'公众号AppID',path:'pages/profile/profile',success(res){console.log('跳转成功');}});

场景 3：订单与支付互通

流程：
1. 用户在公众号下单，生成订单号。
2. 用户在小程序内通过订单号查询订单状态并支付。
关键接口：
- 公众号支付：统一下单接口（prepay_id 生成）
- 小程序支付：wx.requestPayment（调起支付）

4. 业务数据互通（服务器间通信）

通过 HTTPS 接口实现数据同步，例如：

用户行为数据：公众号内用户点击文章 → 同步到小程序行为分析。
库存同步：小程序内商品库存变更 → 同步到公众号商城。

代码示例（Node.js + Express）：

javascript

复制

// 公众号服务器向小程序服务器同步数据app.post('/sync-data',async(req, res)=>{const{ unionid, action }= req.body;// 根据 unionid 查询用户信息const user =awaitgetUserByUnionID(unionid);// 处理业务逻辑（如记录日志）awaitlogAction(user.openid, action); res.json({code:0,msg:'同步成功'});});