工具 · 教育

让创意一次开发,在更多终端运行

红糖云服 · 小程序运行与跨端开发工具

使用 Taro 4、React Native 与 JavaScript,快速构建、真机预览并分享小程序、小游戏和独立 App。

Taro 4React Native 0.86+TypeScriptMetro
红糖云服 App 运行效果

在 iPhone 上开始

下载「红糖云服 - MVP 创意工坊」,配合电脑端开发环境,用 JavaScript 与 React 搭建你的第一个 MVP。

为什么选择红糖云服

从代码到真机,缩短验证路径

01

熟悉的技术栈

Taro、React 与 TypeScript,无需重新学习一套业务开发方式。

02

多端持续交付

同一项目覆盖红糖云服、微信、H5,以及 iOS / Android 独立 App。

03

真机快速验证

构建、扫码、分享形成完整闭环,让 MVP 更快到达真实用户。

App 预览

来了解 红糖

应用源管理:添加多个应用源,资源统一管理

应用源管理

添加多个应用源,资源统一管理

完整工作流

开发过程更聚焦

从模板起步,到跨端构建,再到分享验证,每一步都有清晰路径。

学习

学习与模板

面向前端与独立开发者的学习路径:示例与模板帮你快速理解小程序、小游戏与 MVP 结构,降低起步成本。
开发界面
开发

JavaScript · React · Taro · 交互

用熟悉的 Web 技术栈编写逻辑与界面。Taro 4 模板支持编译到红糖云服、微信与 H5,也可独立打包 iOS/Android App,专注把 MVP 跑通。
发布流程
分享

验证与传播

MVP 做好后,一键分享给朋友体验,快速收集反馈、迭代想法——适合副业项目与独立开发者试水温。
分享能力

开发者工具

Taro 开发红糖云服小程序

使用 Taro 4 + React + TypeScript,保留微信、H5 等目标端的同时,新增 htyf 构建目标;也可独立打包 React Native App。

Taro 一套代码连接红糖云服小程序、Web 与移动 App
红糖云服微信小程序H5iOS / Android

快速开始

  1. 空目录执行 npx @htyf-mp/cli,选择「初始化新小程序项目」和 taro-template
  2. 进入项目目录,执行 npm install
  3. 启动红糖云服端开发构建:npm run dev:htyf
npx @htyf-mp/cli
cd <项目目录>
npm install
npm run dev:htyf
npm run dev:htyf红糖云服小程序监听构建
npm run build:htyf红糖云服小程序生产构建
npm run dev:weapp微信小程序监听构建
npm run build:weapp微信小程序生产构建
npm run dev:h5H5 监听构建
npm run build:h5H5 生产构建

在现有 Taro 项目中接入

安装 @htyf-mp/taro-plugin-platform 后注册插件,即可使用 taro build --type htyf 编译红糖云服端。平台专属代码通过 process.env.TARO_ENV === 'htyf' 判断,扩展 API 通过 Taro.htyf 调用。

export default defineConfig({
  plugins: ['@htyf-mp/taro-plugin-platform'],
  htyf: {
    appName: 'apps',
    entry: 'app',
    output: {}
  }
})

在线体验

看看创意如何运行

选择一个示例,使用红糖云服 App 扫码,即刻在手机上打开。

小游戏

即点即玩的横屏游戏体验

2 个示例

小程序

接口能力与组件库示例

2 个示例

小网页

轻量 Web 内容运行示例

1 个示例

你可能在找

小程序开发Taro 开发小游戏开发编程学习React NativeTypeScript前端开发MVP 开发副业开发独立开发者跨平台开发JavaScriptWeb 开发App 开发游戏制作开源项目创意开发

开发者社区

关注教程、更新与答疑,和更多独立开发者、副业项目主一起交流。

小红书

搜索关注:260325959小红书

抖音

关注抖音号,有问题随时问抖音

哔哩哔哩

搜索关注:红糖云服哔哩哔哩