{"id":21070858,"url":"https://github.com/raxjs/miniapp","last_synced_at":"2025-04-07T08:17:26.293Z","repository":{"id":37632299,"uuid":"296241698","full_name":"raxjs/miniapp","owner":"raxjs","description":"使用 Rax 语法（类 React）编写跨多端的小程序应用。","archived":false,"fork":false,"pushed_at":"2024-01-12T06:13:39.000Z","size":1324,"stargazers_count":67,"open_issues_count":40,"forks_count":34,"subscribers_count":12,"default_branch":"master","last_synced_at":"2024-09-18T17:48:37.715Z","etag":null,"topics":["mini-program","miniapp","rax","react","taro","wechat"],"latest_commit_sha":null,"homepage":"https://rax.js.org/docs/guide/about-miniapp","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/raxjs.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-09-17T06:42:55.000Z","updated_at":"2024-06-25T15:58:43.000Z","dependencies_parsed_at":"2024-01-09T04:14:09.355Z","dependency_job_id":"2dfa706e-5674-414c-90a1-bd14e5a44dab","html_url":"https://github.com/raxjs/miniapp","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raxjs%2Fminiapp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raxjs%2Fminiapp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raxjs%2Fminiapp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/raxjs%2Fminiapp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/raxjs","download_url":"https://codeload.github.com/raxjs/miniapp/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247615383,"owners_count":20967184,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["mini-program","miniapp","rax","react","taro","wechat"],"created_at":"2024-11-19T18:48:39.198Z","updated_at":"2025-04-07T08:17:26.274Z","avatar_url":"https://github.com/raxjs.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://rax.js.org/docs/guide/about-miniapp\"\u003e\n    \u003cimg alt=\"Rax\" src=\"https://user-images.githubusercontent.com/677114/59907138-e99f7180-943c-11e9-8769-07021d9fe1ca.png\" width=\"66\"\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\nRax 小程序是基于运行时驱动的完整跨端小程序开发体系。\n\u003c/p\u003e\n\n---\n\n🚗 **完整的 Rax DSL：** 使用完整的 Rax（React） DSL 以及状态管理相关能力，没有任何语法约束\n\n⏱ **兼容 W3C 标准：** 支持标准 DOM 和 BOM API，像开发 Web 应用一样快速开发小程序\n\n🚀 **支持双引擎混用：** 在小程序项目中，支持局部组件使用编译时方案构建，提供更极致的性能体验\n\n📤 **多端支持：** 完整支持阿里（支付宝、淘宝、钉钉等）、微信、字节跳动、百度、快手小程序\n\n🍄 **跨端组件：** 通过 [Fusion Mobile](https://unpkg.com/@alifd/meet-docs/build/index.html) 提供跨多小程序的丰富的组件体系\n\n⛳ **跨端 API：** 通过 [Uni API](https://universal-api.js.org/) 提供跨多小程序的统一 API\n\n## 快速开始\n\n```bash\n$ npm init rax rax-miniapp-example # 选择小程序跨端应用的类型\n$ cd rax-miniapp-example\n$ npm install\n$ npm start\n```\n\n然后使用小程序 IDE 即可开始调试：\n\n\u003cimg height=\"400\" src=\"https://img.alicdn.com/imgextra/i4/O1CN012SVwTs1XkBQWAurR1_!!6000000002961-2-tps-1000-700.png\" /\u003e\n\n## 文档\n\n点击 [Rax 官网](https://rax.js.org/docs/guide/about-miniapp) 查看使用文档\n\n## 示例\n\n点击 [查看 Examples](./examples/README.md)\n\n## 上线项目案例\n\n\u003e 如果你也在使用 Rax 开发小程序，欢迎补充到 [案例收集](https://github.com/raxjs/miniapp/issues/132) 的 issue 中。\n\n### 微信小程序\n\n| 盒马集市                                                     | 优酷视频                                                     | 全球精品免税城                                               | 阿里巴巴零售通                                               |\n| ------------------------------------------------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ |\n| \u003cimg src=\"https://img.alicdn.com/imgextra/i3/O1CN010dn1r11QKLm5BeQNY_!!6000000001957-2-tps-752-658.png\" width=\"300\" /\u003e | \u003cimg src=\"https://img.alicdn.com/imgextra/i3/O1CN01s027b51eHVwaNYfQ3_!!6000000003846-2-tps-430-430.png\" width=\"300\" /\u003e | \u003cimg src=\"https://img.alicdn.com/imgextra/i4/O1CN01iP0Mqk1Ccl4Xu0Eoz_!!6000000000102-0-tps-430-430.jpg\" width=\"300\" /\u003e | \u003cimg src=\"https://img.alicdn.com/imgextra/i3/O1CN011fvim91rXAUABIg9K_!!6000000005640-0-tps-258-258.jpg\" width=\"300\" /\u003e |\n| 恒安会员+                                                    | 雅高酒店集团                                                 | 零哇智能                                                     | 淘鲜达优选团长端                                             |\n| \u003cimg src=\"https://img.alicdn.com/imgextra/i2/O1CN0117rpob1Fp4ZG2GFk9_!!6000000000535-0-tps-594-583.jpg\" width=\"300\" /\u003e | \u003cimg src=\"https://img.alicdn.com/imgextra/i2/O1CN01DYPXp01Hsr4WK1MY8_!!6000000000814-2-tps-258-258.png\" width=\"300\" /\u003e | \u003cimg src=\"https://img.alicdn.com/imgextra/i3/O1CN01UNzDFR1p04dOCB07y_!!6000000005297-2-tps-1130-1120.png\" width=\"300\" /\u003e | \u003cimg src=\"https://img.alicdn.com/imgextra/i1/O1CN01SedXXL1vFXht0E52n_!!6000000006143-2-tps-258-258.png\" width=\"300\" /\u003e |\n\n[点击查看更多使用 Rax 的微信小程序](https://github.com/raxjs/miniapp/issues/132#issuecomment-826252099)\n\n### 支付宝小程序\n\n| 浙里办                                                       | 电影演出                                                     | 浙大一院总部一期                                             | 游戏充值                                                     |\n| ------------------------------------------------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ |\n| \u003cimg src=\"https://img.alicdn.com/imgextra/i2/O1CN01JBq1951xVEVUN1Xic_!!6000000006448-2-tps-256-256.png\" width=\"300\" /\u003e | \u003cimg src=\"https://img.alicdn.com/imgextra/i3/O1CN01ypn5cs1FuZJx5uLoI_!!6000000000547-2-tps-538-550.png\" width=\"300\" /\u003e | \u003cimg src=\"https://img.alicdn.com/imgextra/i2/O1CN011811q01iXK4r9iRwK_!!6000000004422-2-tps-1312-1312.png\" width=\"300\" /\u003e | \u003cimg src=\"https://img.alicdn.com/imgextra/i4/O1CN01athTdk25oU51Jvggd_!!6000000007573-2-tps-400-400.png\" width=\"300\" /\u003e |\n| 盒马集市                                                     | 飞猪周边游                                                   | 阿里健康大药房                                               | CUBA我的主场                                                 |\n| \u003cimg src=\"https://img.alicdn.com/imgextra/i1/O1CN01DEPRRE22ks6teYNsT_!!6000000007159-2-tps-256-256.png\" width=\"300\" /\u003e | \u003cimg src=\"https://img.alicdn.com/imgextra/i3/O1CN01869HDq1uZPGoy8nqd_!!6000000006051-0-tps-1322-1322.jpg\" width=\"300\" /\u003e | \u003cimg src=\"https://img.alicdn.com/imgextra/i4/O1CN01xXI6XV1wyFzRR2Sp2_!!6000000006376-0-tps-1340-1340.jpg\" width=\"300\" /\u003e | \u003cimg src=\"https://img.alicdn.com/imgextra/i2/O1CN01hdlRZ11tAO0zdP4dh_!!6000000005861-2-tps-600-600.png\" width=\"300\" /\u003e |\n\n[点击查看更多使用 Rax 的支付宝小程序](https://github.com/raxjs/miniapp/issues/132#issuecomment-825370301)\n\n### 淘宝小程序\n\n[点击查看使用 Rax 的淘宝小程序](https://github.com/raxjs/miniapp/issues/132#issuecomment-826252138)\n\n## 更新日志\n\n点击查看 [CHANGELOG](./CHANGELOG.md)\n\n## 社区\n\n| 答疑钉钉群                                                   | GitHub issues                                            |\n| ------------------------------------------------------------ | -------------------------------------------------------- |\n| \u003ca href=\"https://ice.alicdn.com/assets/images/rax-outside.jpeg\"\u003e\u003cimg src=\"https://ice.alicdn.com/assets/images/rax-outside.jpeg\" width=\"200\" /\u003e\u003c/a\u003e | [GitHub issues](https://github.com/raxjs/miniapp/issues) |\n\n## 贡献代码\n\n请首先阅读 [Rax 贡献代码指南](https://github.com/alibaba/rax/wiki/CONTRIBUTING)，了解基础的规范。\n\n### 开发配置\n\n运行以下命令：\n\n```shell\n$ git clone git@github.com:raxjs/miniapp.git\n$ cd miniapp\n$ npm install\n$ npm run setup\n```\n\n### 调试代码包\n\n以调试 `rax-miniapp-runtime-webpack-plugin` 为例：\n\n```shell\n# 进入示例项目\n$ cd examples/app-lifecycle\n$ npm install\n$ npm link ../../packages/rax-miniapp-runtime-webpack-plugin # 本地 link 要调试的代码包\n$ npm start # 启动项目，打开小程序 IDE 进行调试\n```\n\n### 代码包组成\n\n| NPM 包                             | 描述                                                         |\n| ---------------------------------- | ------------------------------------------------------------ |\n| miniapp-render                     | Rax 小程序运行时方案模拟 DOM/BOM API                         |\n| miniapp-runtime-config             | Rax 小程序运行时方案工程公共配置                             |\n| miniapp-history                    | Rax 小程序模拟 history                                       |\n| rax-miniapp-babel-plugins          | Rax 小程序代码扫描 babel 插件                                |\n| rax-miniapp-config-webpack-plugin  | Rax 小程序配置生成 Webpack 插件                              |\n| rax-miniapp-runtime-webpack-plugin | Rax 小程序运行时方案模板代码生成 Webpack插件                 |\n| driver-miniapp                     | Rax 小程序运行时方案 driver（[什么是 driver](https://github.com/alibaba/rax/wiki/Driver-Specification)） |\n| jsx-compiler                       | Rax 小程序编译时方案核心编译器                               |\n| jsx2mp-cli                         | Rax 小程序编译时方案命令行启动工具（废弃）                   |\n| jsx2mp-loader                      | Rax 小程序编译时方案 Webpack loader                          |\n| jsx2mp-runtime                     | Rax 小程序编译时方案运行时垫片                               |\n| miniapp-builder-shared             | Rax 小程序公用方法及变量等                                   |\n| miniapp-compile-config             | Rax 小程序编译时方案工程公共配置                             |\n\n## 协议\n\n[BSD License](https://github.com/raxjs/miniapp/blob/master/LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fraxjs%2Fminiapp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fraxjs%2Fminiapp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fraxjs%2Fminiapp/lists"}