https://github.com/yisar/smallapp

🎃 Chinese miniapp architecture.
https://github.com/yisar/smallapp

mini-program vdom web-worker webworker

Last synced: 11 months ago
JSON representation

🎃 Chinese miniapp architecture.

• Host: GitHub
• URL: https://github.com/yisar/smallapp
• Owner: yisar
• Created: 2019-04-16T09:35:47.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2024-03-12T00:16:08.000Z (almost 2 years ago)
• Last Synced: 2024-05-16T02:25:42.521Z (almost 2 years ago)
• Topics: mini-program, vdom, web-worker, webworker
• Language: JavaScript
• Homepage:
• Size: 11.9 MB
• Stars: 237
• Watchers: 5
• Forks: 55
• Open Issues: 6
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

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

    {{count}}

    +

```

```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/)



### 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.