小红书小程序

小红书小程序#

平台概述#

小红书小程序运行在小红书 App 内，依托小红书 2 亿+ 月活的社区内容与种草笔记生态。核心定位是 内容种草 → 交易转化 的闭环 —— 用户在浏览笔记/直播时可直接进入品牌小程序完成购买。

核心优势：

种草生态：社区笔记、达人内容带来高转化流量
品牌号联动：品牌号内容与小程序交易打通
直播挂载：直播间挂载商品/小程序
小红书支付：直连支付模式

典型场景：

品牌官方：品牌号 + 小程序旗舰店
内容电商：种草笔记挂载商品、直播带货
本地生活：探店、到店核销
工具服务：测评、比价、好物清单

设计规范#

尺寸单位#

支持 rpx：750rpx = 屏幕宽度（类微信）
也支持 px、vh/vw

组件规范#

整体架构类微信：<view>, <text>, <image>, <scroll-view>, <swiper> 等
事件绑定用 bindtap（类微信）
具体组件支持范围以官方组件文档为准

导航模式#

类微信：xhs.navigateTo / xhs.redirectTo / xhs.switchTab / xhs.navigateBack
页面栈最大深度：10 层

样式#

样式语法类 WXSS，rpx 通用

⚠️ 小红书小程序架构类微信但相对年轻，部分高级组件/API 与微信存在差异，开发时建议对照官方「组件 / API 支持列表」。

审核规范#

常见被拒原因#

内容合规：种草/电商内容需真实，禁止虚假宣传、刷量
电商资质：经营类目需对应营业执照/资质
虚拟支付：iOS 上不得提供虚拟商品内购
诱导行为：禁止诱导关注、分享后才能使用
品牌侵权：未经授权使用品牌商标/素材

审核周期#

通常 1-5 个工作日
电商/品牌类资质核验更严

企业 vs 个人#

以企业主体为主
支付、品牌号、直播能力需企业资质

开发指南#

快速上手#

code

// app.js
App({
  onLaunch() {
    console.log('小红书小程序启动')
  }
})

// pages/index/index.js
Page({
  data: { msg: 'Hello 小红书' },
  onLoad() {
    console.log('页面加载')
  }
})

常见陷阱#

直连支付模式：小红书支付目前仅支持「直连支付」—— 服务商需自行对接微信/支付宝 H5 支付，再结合 xhs.requestOrderPayment() 完成下单
类微信但非完全兼容：API 表面类微信（xhs.* 命名空间），但部分 API 与微信存在差异，不能直接照搬
品牌号联动：品牌号与小程序需关联配置才能打通内容与交易
直播挂载门槛：直播挂载能力需满足运营条件后申请
域名白名单：request 等网络请求必须先在后台配置合法域名

从微信迁移#

微信	小红书	说明
`wx.xxx`	`xhs.xxx`	命名空间不同
`.wxml`/`.wxss`	类 WXML/WXSS	语法相近，需对照支持列表
`wx.requestPayment`	`xhs.requestOrderPayment`	直连支付模式
`bindtap`	`bindtap`	事件绑定一致

使用 Taro / uni-app（uni-app 4.81+ 支持小红书平台配置）可降低跨端成本。

框架	支持度	说明
uni-app	⭐⭐⭐	4.81+ 内置小红书平台配置
Taro	⭐⭐	支持小红书端编译
原生开发	⭐⭐⭐	类微信原生开发

库	说明
Vant	通过 Taro/uni-app 适配
TDesign	多端适配

特性

详细文档

小红书小程序#

平台概述#

设计规范#

尺寸单位#

组件规范#

导航模式#

样式#

审核规范#

常见被拒原因#

审核周期#

企业 vs 个人#

开发指南#

快速上手#

常见陷阱#

从微信迁移#

生态资源#

推荐框架#

推荐 UI 库#

社区资源#

版本更新#

近期重要变更#