小程序开放平台

文档中心
起步
小组件简介
小组件代码构成
小组件宿主环境
小组件协同工作和发布
快速开始
目录
配置小组件
小组件框架
小组件运行时
自定义组件
基础能力
开放能力
性能优化

快速开始

开发
>
指南
>
起步
>
快速开始
>
更新时间:2025-08-07 15:44:49

开发小组件的第一步,你需要拥有一个小组件帐号,通过这个帐号你就可以管理你的小组件。

跟随这个教程,开始你的小组件之旅吧!

申请账号

自开发

  • 自开发基本介绍
    • 定义:商家或个人开发者在小程序开放平台进行小组件成员管理、开发设置、版本管理操作的开发模式
    • 适用范围:个人开发者;或者有自己独立的域名,由公司自己技术团队或定制化服务商开发的大型商家
  • 自开发具体流程
  • 自开发操作指南
    • 创建小组件
      • 使用注册账号登录小程序开放平台,点击小组件页面,创建小组件
      • 完成小组件信息填写,等待审核通过
    • 成员管理及开发设置:完成相关设置
    • 项目成员登录开发者工具(IDE)进行代码开发,服务端进行相应接口开发
    • 项目成员完成开发、预测试后提交代码以生成开发版,服务端也完成相应接口开发
    • 小红书开放平台 -> 小组件 -> 版本管理,对已提交的开发版生成体验二维码,开发者可扫码进行稳定环境测试、可使用小红书 APP 扫码预览小组件进行验收
    • 开发者测试完成,确认无误后点击小组件发布

安装开发工具

前往 开发者工具下载页面,根据自己的操作系统下载对应的安装包进行安装,有关开发者工具更详细的介绍可以查看 《开发者工具介绍》

打开小组件开发者工具,用小红书扫码登录开发者工具(需要确保申请了对应 appId开发权限),准备开发你的第一个小组件吧!

你的第一个小组件

新建项目选择小组件项目,选择代码存放的硬盘路径,填入刚刚申请到的小组件的 AppID,给你的项目起一个好听的名字,点击新建,你就得到了你的第一个小组件了,点击顶部菜单编译就可以在小红书开发者工具中预览你的第一个小组件。

接下来我们来预览一下这个小组件的效果。

编译预览

点击工具上的编译按钮,可以在工具的左侧模拟器界面看到这个小组件的表现,也可以点击预览按钮,通过小红书的扫一扫在手机上体验你的第一个小组件。

通过这个章节,你已经成功创建了你的第一个小组件,并且在小红书客户端上体验到它流畅的表现。