AlloyTeam / Alloy Worker
面向事务的高可用 Web Worker 通信框架
Stars: ✭ 349
Programming Languages
typescript
32286 projects
Labels
Projects that are alternatives of or similar to Alloy Worker
Hamsters.js
100% Vanilla Javascript Multithreading & Parallel Execution Library
Stars: ✭ 517 (+48.14%)
Mutual labels: thread, web-worker, worker
Greenlet
🦎 Move an async function into its own thread.
Stars: ✭ 4,511 (+1192.55%)
Mutual labels: thread, web-worker, worker
Workerize Loader
🏗️ Automatically move a module into a Web Worker (Webpack loader)
Stars: ✭ 2,135 (+511.75%)
Mutual labels: web-worker, worker
React Native Threads
Create new JS processes for CPU intensive work
Stars: ✭ 527 (+51%)
Mutual labels: thread, web-worker
Post Me
📩 Use web Workers and other Windows through a simple Promise API
Stars: ✭ 398 (+14.04%)
Mutual labels: web-worker, worker
Stockroom
🗃 Offload your store management to a worker easily.
Stars: ✭ 1,745 (+400%)
Mutual labels: web-worker, worker
Remote Web Streams
Web streams that work across web workers and iframes.
Stars: ✭ 26 (-92.55%)
Mutual labels: web-worker, worker
Useworker
⚛️ useWorker() - A React Hook for Blocking-Free Background Tasks
Stars: ✭ 2,233 (+539.83%)
Mutual labels: thread, web-worker
Preact Worker Demo
Demo of preact rendering an entire app in a Web Worker.
Stars: ✭ 204 (-41.55%)
Mutual labels: thread, web-worker
Wasm Worker
Move a WebAssembly module into its own thread
Stars: ✭ 215 (-38.4%)
Mutual labels: thread, web-worker
event-worker
A simpler way of dealing with Web Workers
Stars: ✭ 18 (-94.84%)
Mutual labels: worker, thread
Workly
A really simple way to move a function or class to a web worker. 🏋️♀️→ 😄
Stars: ✭ 1,848 (+429.51%)
Mutual labels: thread, web-worker
tgrid
TypeScript Grid Computing Framework supporting RFC (Remote Function Call)
Stars: ✭ 83 (-76.22%)
Mutual labels: worker, thread
awesome-dotnet-async
A curated list of awesome articles and resources to learning and practicing about async, threading, and channels in .Net platform. 😉
Stars: ✭ 84 (-75.93%)
Mutual labels: thread
Inlineactivityresult
Receive the activity result directly after the startActivityForResult with InlineActivityResult
Stars: ✭ 264 (-24.36%)
Mutual labels: thread
ember-artisans
An abstraction layer around using web-workers in Ember.js
Stars: ✭ 21 (-93.98%)
Mutual labels: web-worker
alloy-worker
面向事务的高可用 Web Worker 通信框架.
腾讯 AlloyTeam 出品, 经受住腾讯文档等大型前端项目的考验.
特点
- 面向事务及命名空间的通信封装, 支持大规模业务的场景.
- Promise 化调用代替跨线程事件监听, 无缝支持 async/await.
- 完整的 Worker 可用性监控指标; 全周期 Worker 错误监控.
- 源码全 TypeScript, 跨线程数据类型一致性校验.
- 跨线程请求和响应的数据流调试.
- 良好支持 IE10+ 浏览器.
- 独立打包的构建支持, 无需自行配置.
业界方案对比
| 项目 | 简介 | 构建打包 | 底层API封装 | 跨线程调用申明 | 可用性监控 | 易拓展性 |
|---|---|---|---|---|---|---|
| worker-loader | Webpack 官方,源码打包能力 | ✔️ | ✘ | ✘ | ✘ | ✘ |
| promise-worker | 封装基本 API 为 Promise 化通信 | ✘ | ✔️ | ✘ | ✘ | ✘ |
| comlink | Chrome 团队, 通信 RPC 封装 | ✘ | ✔️ | 同名函数(基于Proxy) | ✘ | ✘ |
| workerize-loader | 社区目前比较完整的方案 | ✔️ | ✔️ | 同名函数(基于AST生成) | ✘ | ✘ |
| alloy-worker | 面向事务的高可用 Worker 通信框架 | 提供构建脚本 | 通信️控制器 | 同名函数(基于约定), TS 声明 | 完整监控指标, 全周期错误监控 | 命名空间, 事务生成脚本 |
Demo
(图片上右键新窗口打开可查看视频)
代码示例
以 Worker 线程发起跨线程调用到主线程取页面 cookie 为例.
用法
本地调试
$ git clone https://github.com/AlloyTeam/alloy-worker.git
$ git checkout demo
$ npm install && npm run dist
$ npx http-server -c0 ./dist
Available on:
http://127.0.0.1:8080
打开 http://127.0.0.1:8080 和 http://127.0.0.1:8080/image.html 进行本地调试.
接入
Alloy-worker 并不是一个 npm 包. 需要你手动将它融合到你的项目里, 并成为项目源码的一部分. 好在手动也不复杂, 而且不会影响现有业务.
接入步骤, 请查看这里.
使用
Alloy-worker 对原始 Web Worker 通信能力进行了 RPC 封装, 约定了 Worker 代码组织方式. 使用 alloy-worker 开发 Worker 侧业务时, 需对齐 alloy-worker 的约定.
约定不复杂, 请查看这里.
使用反馈
如果你的项目使用 alloy-worker 并觉得它不错, 请到 这里 告诉我们.
贡献源码
请查看参与开发.
相关文档
-
朝花夕拾: Web Worker 大型前端项目实践
TODO
- 兼容 webpack5 构建
- 解决纯 worker 侧代码更新的 hash 问题
- sourcemap 区分不同线程的源码
EOF
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].