https://github.com/raxjs/miniapp
使用 Rax 语法（类 React）编写跨多端的小程序应用。
https://github.com/raxjs/miniapp
mini-program miniapp rax react taro wechat
Last synced: 6 months ago
JSON representation
使用 Rax 语法（类 React）编写跨多端的小程序应用。
- Host: GitHub
- URL: https://github.com/raxjs/miniapp
- Owner: raxjs
- License: other
- Created: 2020-09-17T06:42:55.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2024-01-12T06:13:39.000Z (over 1 year ago)
- Last Synced: 2024-09-18T17:48:37.715Z (about 1 year ago)
- Topics: mini-program, miniapp, rax, react, taro, wechat
- Language: JavaScript
- Homepage: https://rax.js.org/docs/guide/about-miniapp
- Size: 1.26 MB
- Stars: 67
- Watchers: 12
- Forks: 34
- Open Issues: 40
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
Rax 小程序是基于运行时驱动的完整跨端小程序开发体系。
---
🚗 **完整的 Rax DSL：** 使用完整的 Rax（React） DSL 以及状态管理相关能力，没有任何语法约束
⏱ **兼容 W3C 标准：** 支持标准 DOM 和 BOM API，像开发 Web 应用一样快速开发小程序
🚀 **支持双引擎混用：** 在小程序项目中，支持局部组件使用编译时方案构建，提供更极致的性能体验
📤 **多端支持：** 完整支持阿里（支付宝、淘宝、钉钉等）、微信、字节跳动、百度、快手小程序
🍄 **跨端组件：** 通过 [Fusion Mobile](https://unpkg.com/@alifd/meet-docs/build/index.html) 提供跨多小程序的丰富的组件体系
⛳ **跨端 API：** 通过 [Uni API](https://universal-api.js.org/) 提供跨多小程序的统一 API
## 快速开始
```bash
$ npm init rax rax-miniapp-example # 选择小程序跨端应用的类型
$ cd rax-miniapp-example
$ npm install
$ npm start
```
然后使用小程序 IDE 即可开始调试：
## 文档
点击 [Rax 官网](https://rax.js.org/docs/guide/about-miniapp) 查看使用文档
## 示例
点击 [查看 Examples](./examples/README.md)
## 上线项目案例
> 如果你也在使用 Rax 开发小程序，欢迎补充到 [案例收集](https://github.com/raxjs/miniapp/issues/132) 的 issue 中。
### 微信小程序
| 盒马集市 | 优酷视频 | 全球精品免税城 | 阿里巴巴零售通 |
| ------------------------------------------------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ |
| 
| 
| 
| 
|
| 恒安会员+ | 雅高酒店集团 | 零哇智能 | 淘鲜达优选团长端 |
| 
| 
| 
| 
|
[点击查看更多使用 Rax 的微信小程序](https://github.com/raxjs/miniapp/issues/132#issuecomment-826252099)
### 支付宝小程序
| 浙里办 | 电影演出 | 浙大一院总部一期 | 游戏充值 |
| ------------------------------------------------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ | ------------------------------------------------------------ |
| 
| 
| 
| 
|
| 盒马集市 | 飞猪周边游 | 阿里健康大药房 | CUBA我的主场 |
| 
| 
| 
| 
|
[点击查看更多使用 Rax 的支付宝小程序](https://github.com/raxjs/miniapp/issues/132#issuecomment-825370301)
### 淘宝小程序
[点击查看使用 Rax 的淘宝小程序](https://github.com/raxjs/miniapp/issues/132#issuecomment-826252138)
## 更新日志
点击查看 [CHANGELOG](./CHANGELOG.md)
## 社区
| 答疑钉钉群 | GitHub issues |
| ------------------------------------------------------------ | -------------------------------------------------------- |
| 
| [GitHub issues](https://github.com/raxjs/miniapp/issues) |
## 贡献代码
请首先阅读 [Rax 贡献代码指南](https://github.com/alibaba/rax/wiki/CONTRIBUTING)，了解基础的规范。
### 开发配置
运行以下命令：
```shell
$ git clone git@github.com:raxjs/miniapp.git
$ cd miniapp
$ npm install
$ npm run setup
```
### 调试代码包
以调试 `rax-miniapp-runtime-webpack-plugin` 为例：
```shell
# 进入示例项目
$ cd examples/app-lifecycle
$ npm install
$ npm link ../../packages/rax-miniapp-runtime-webpack-plugin # 本地 link 要调试的代码包
$ npm start # 启动项目，打开小程序 IDE 进行调试
```
### 代码包组成
| NPM 包 | 描述 |
| ---------------------------------- | ------------------------------------------------------------ |
| miniapp-render | Rax 小程序运行时方案模拟 DOM/BOM API |
| miniapp-runtime-config | Rax 小程序运行时方案工程公共配置 |
| miniapp-history | Rax 小程序模拟 history |
| rax-miniapp-babel-plugins | Rax 小程序代码扫描 babel 插件 |
| rax-miniapp-config-webpack-plugin | Rax 小程序配置生成 Webpack 插件 |
| rax-miniapp-runtime-webpack-plugin | Rax 小程序运行时方案模板代码生成 Webpack插件 |
| driver-miniapp | Rax 小程序运行时方案 driver（[什么是 driver](https://github.com/alibaba/rax/wiki/Driver-Specification)） |
| jsx-compiler | Rax 小程序编译时方案核心编译器 |
| jsx2mp-cli | Rax 小程序编译时方案命令行启动工具（废弃） |
| jsx2mp-loader | Rax 小程序编译时方案 Webpack loader |
| jsx2mp-runtime | Rax 小程序编译时方案运行时垫片 |
| miniapp-builder-shared | Rax 小程序公用方法及变量等 |
| miniapp-compile-config | Rax 小程序编译时方案工程公共配置 |
## 协议
[BSD License](https://github.com/raxjs/miniapp/blob/master/LICENSE)