微信生态接口层面对比梳理

核心概念区分

微信公众号（WeChat Official Account）
- 包括：服务号（Service Account）、订阅号（Subscription Account）
- 侧重：内容传播、用户管理、提供服务
微信小程序（WeChat Mini Program）
- 轻量级应用，无需安装，体验接近原生 App
网页开发（WeChat 内置浏览器中的 H5/JS-SDK）
- 在微信内置浏览器中打开的网页，常用微信 JS-SDK 调用微信能力（拍照、分享、定位等）

主要用途
- 消息推送（被动回复、客服消息、模板消息）
- 用户管理
- 自定义菜单
- 网页授权
- 微信支付（服务商号/商户号关联）
核心交互模式
- 被动接收消息：用户向公众号发送消息（文本、图片、语音、视频、位置、链接），微信服务器以 POST 请求推送到开发者服务器 URL（需接入验证）
- 主动发送消息：开发者通过公众号 API（需 access_token）主动给用户发送消息（客服消息、模板消息、群发消息）
主要接口
- 获取 access_token
- 接收/回复消息：XML 格式
- 发送客服消息：48 小时互动窗口内主动触达
- 发送模板消息：服务通知（如订单状态变更）
- 自定义菜单：创建底部菜单
- 用户管理：获取用户基本信息、用户列表、设置备注
- 网页授权（OAuth2.0）
- JS-SDK：在公众号网页中调用分享、拍照、录音、支付等
获取用户信息
- 通过网页授权或被动消息中的 FromUserName（OpenID）配合服务端 API 获取

主要用途
- 更丰富功能与更复杂界面，体验接近原生 App
核心交互模式
- 前端：WXML / WXSS / JS（运行于微信原生环境）
- 后端：小程序逻辑（JS）、自建后端 API 或云开发（Cloud Development）
主要接口
- 客户端 API（wx.*）：如 wx.request（网络）、wx.getUserProfile（用户信息）、wx.getLocation（位置）、wx.login（登录）等
- 服务端 API：如通过 access_token 发送消息、内容安全检测、数据分析等
- 云开发 API：云函数、数据库、存储等，无需自建服务器
获取用户信息
- 通过 wx.getUserProfile（需用户点击触发）
- 或 wx.login 获取 code 后，服务端调用 auth.code2Session 换取 openid 与 session_key
支付
- 使用小程序支付，前端调起 wx.requestPayment

主要用途
- 在微信内置浏览器展示 H5 页面，并使用微信环境提供的能力
核心交互模式
- 标准 Web 技术：HTML / CSS / JavaScript
- 微信 JS-SDK：
  - 引入：https://res.wx.qq.com/open/js/jweixin-1.6.0.js
  - 通过 wx.config 注入权限验证配置（需后端生成签名）
  - 然后使用微信能力（分享、拍照、定位、支付等）
主要接口（通过 JS-SDK）
- 分享：自定义分享到朋友圈、发送给朋友的标题、链接、图片
- 图像：拍照、相册选图、预览图片
- 音频：录音、停止、播放
- 智能：音频/图像识别
- 设备信息：网络状态、地理位置
- 界面操作：关闭窗口、隐藏/显示菜单栏和工具栏
- 微信支付：在微信内置浏览器中调起支付
- 卡券：添加、选择卡券
获取用户信息
- 通过绑定公众号的网页授权机制（OAuth2）：前端跳转授权链接，用户同意后携带 code 回调，后端用 code 换取 access_token 与用户信息

| --- | --- | --- | --- |