Кодик
Начать бесплатно

WebAssembly выходит за пределы браузера: будущее серверных и edge-приложений

Как WebAssembly выходит за пределы браузера: практическое руководство по серверным Wasm-приложениям, edge-computing и микросервисам. Примеры кода, runtime-среды и реальные кейсы использования.

Разработка

6 мин

От браузера к серверу

Когда в 2015-м появился WebAssembly, задача была проста: дать браузеру скорость, близкую к нативной. Но ключевые свойства — портативность, sandbox-безопасность, компактность и полиглотность — идеально подходят и для серверных, и для edge-кейсов.

Почему Wasm «зашёл» на сервер

  • Один бинарник на все платформы

  • Изоляция «по умолчанию» без тяжёлых VM

  • Старт за миллисекунды и малые требования к памяти

Где это полезно прямо сейчас

  • Serverless/FaaS с холодным стартом 1–10 мс

  • Edge-вычисления на PoP/CDN-узлах

  • Плагинные системы с недоверенным кодом

WASI: системные интерфейсы для Wasm

Если WebAssembly — это «ассемблер для веба», то WASI — его «POSIX». Он стандартизирует доступ к файловой системе, сети и времени.

// Простой WASI-пример на Rust
use std::fs;

fn main() {
    let content = fs::read_to_string("/data/config.json")
        .expect("Failed to read file");
    println!("Config: {}", content);
}

Скомпилируйте в wasm32-wasi — и запускайте на Linux, macOS, Windows и встраиваемых системах с совместимым runtime.

Рантаймы: Wasmtime, WasmEdge, Wasmer

Runtime

Фокус

Где хорош

Wasmtime

Безопасность, скорость

Сервер, плагины, встраивание

WasmEdge

Edge/IoT, ML-расширения

Встраиваемые устройства, CDN-узлы

Wasmer

SDK и встраивание

Приложения с плагинами/скриптингом

# Установка Wasmtime
curl https://wasmtime.dev/install.sh -sSf | bash

# Запуск модуля
wasmtime run app.wasm

Практические применения

1) Serverless и FaaS

Мгновенный cold start и малый footprint делают Wasm идеальным для функций-как-сервис.

// Fastly Compute@Edge (пример)
use fastly::{Error, Request, Response};

#[fastly::main]
fn main(req: Request) -> Result<Response, Error> {
    let mut resp = Response::from_body("Hello from Edge!");
    resp.set_header("X-Custom-Header", "Wasm-powered");
    Ok(resp)
}

2) Плагинные системы

Изолированный недоверенный код без VM и контейнеров.

// Envoy Proxy: фильтр на Wasm
use proxy_wasm::traits::*;
use proxy_wasm::types::*;

#[no_mangle]
pub fn _start() {
    proxy_wasm::set_http_context(|_, _| -> Box<dyn HttpContext> {
        Box::new(CustomFilter)
    });
}

struct CustomFilter;

impl HttpContext for CustomFilter {
    fn on_http_request_headers(&mut self, _: usize) -> Action {
        self.set_http_request_header("X-Wasm-Filter", Some("active"));
        Action::Continue
    }
}

3) Микросервисы и контейнеры 🧱→🧊

Выгоды: образы «в килобайтах», старт за миллисекунды, потребление памяти в 10–100 раз меньше.

# Пример Pod c Wasm (runwasi)
apiVersion: v1
kind: Pod
metadata:
  name: wasm-app
spec:
  runtimeClassName: wasmtime
  containers:
  - name: app
    image: myregistry.io/wasm-app:latest

4) Edge и IoT

WasmEdge оптимизирован для встроенных систем и ML-инференса.

# Запуск модуля с поддержкой TensorFlow Lite
wasmedge --dir .:. \
  wasmedge-tensorflow-lite \
  model.wasm input.jpg

Компонентная модель: сборка из блоков

WebAssembly Component Model и WIT описывают интерфейсы и контракты между модулями — независимо от языков.

// WIT: интерфейс калькулятора
package example:calculator

interface math {
  add: func(a: s32, b: s32) -> s32
  multiply: func(a: s32, b: s32) -> s32
}

world calculator {
  export math
}

Итог — библиотеки композируются, контракты строгие, а команды могут выбирать «лучший язык» для каждого компонента.

Языки и сборка

Первоклассная поддержка

  • Rust (rustc)

  • C/C++ (LLVM/Emscripten)

  • AssemblyScript

Активно развиваются

  • Go (TinyGo)

  • Python (Pyodide)

  • .NET, Swift

# Rust -> Wasm
cargo build --target wasm32-wasi --release

# Go (TinyGo) -> Wasm
tinygo build -o app.wasm -target=wasi main.go

Wasm — это уже не «ускоритель для браузера», а базовая платформа для безопасных, портативных и быстрых приложений на сервере и на краю сети. Начните с маленького эксперимента — и очень быстро поймёте, где именно в вашем стеке он заменит тяжёлые контейнеры.

В приложении Кодик вы пройдёте путь от основ до практики: Rust, Go, Python, алгоритмы, сетевые сервисы и даже проекты с WebAssembly. Вас ждут интерактивные упражнения, мини-проекты, ачивки и поддерживающее комьюнити.

🔹 Короткие понятные уроки и практика

🔹 PRO-подписка с дополнительными курсами и проектами

🔹 Наш Telegram-канал — новости, разборы и помощь от команды и сообщества

Присоединяйтесь, прокачивайте навыки и собирайте портфолио!

Комментарии