# smallapp

**Repository Path**: ObjOne/smallapp

## Basic Information

- **Project Name**: smallapp
- **Description**: 小程序容器
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-01-16
- **Last Updated**: 2024-01-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

![](https://cdn-us.imgs.moe/2023/06/08/6481702430f68.png)

# smallapp

`smallapp` is a [Chinese miniapp architecture](https://www.w3.org/TR/mini-app-white-paper) implementation.

As of now, there are over 7 million miniapps in China, Chinese people do not like to use browsers or search engines.

Musk envied `WeChat` and he really wanted this miniapp architecture, so I opened it up.

### Docs

smallapp follows WeChat's miniapp standard, you should refer to WeChat's documentation.

[WeChat miniapp docs](https://developers.weixin.qq.com/miniprogram/en/dev/framework/)

### Syntax

```html
<view>
    <text>{{count}}</text>
    <button bindtap="add">+</button>
</view>
```
```js
Page({
    data: {
        count: 0
    },
    add: () {
        this.setData({
            count: this.data.count + 1
        })

        wx.showToast({ 
            title: 'count is added!' 
        })
    }
})
```

### Demos

[https://v.douyin.com/Ug9bwvq/](https://v.douyin.com/Ug9bwvq/)

<img src="https://cdn-us.imgs.moe/2023/06/08/64815bf234e71.jpg" width="250px"></img>

### Principle

1. compiler

```
smallapp build -e app.json -o /dist
```

This step will package the miniapp project into js files, which is double threaded. The jsx file is used for rendering threads, and the js file is used for logical threads.

2. worker

The logical thread is responsible for running JavaScript logic, and you need to find a JavaScript runtime, such as worker.

- Web worker
- Cloudflare worker
- quickjs/v8/hermes

As long as it has the standard API and communication mechanism of the worker, it can serve as the logical layer of the miniapp.

3. Native container

Miniapps runs on a super app, such as Wechat/Alipay/Baidu and its API is provided by the native container.