Extending Envoy Proxy - WASM Filter with Golang
Tags: go, programming, kubernetes, devops
Published: 2022-07-24 17:50:00


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6vnr2s9a9f2uo66kyt96.png)

Envoy is an open source service proxy especially designed for cloud native applications. It has a wide variety of features like connection pooling, retry mechanism, TLS management, compression, health checking, fault injection, rate limiting, authorization etc. Those are achieved with [built-in http filters](https://www.envoyproxy.io/docs/envoy/latest/configuration/http/http_filters/http_filters). And today I will talk about a special filter which name is [WASM Filter](https://www.envoyproxy.io/docs/envoy/latest/configuration/http/http_filters/wasm_filter).

![Drawed in excalidraw.com by Emre Savcı
](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zrxi0yr80kn319furt2p.png)

This article is not meant for explaining what is WASM, so I am skipping explaining WASM instead I will add resources for that at the end of the article.

-------------------------------------

## Why We Use WASM Filter

In Trendyol Tech. We are using Istio as a service mesh. And our team’s (DevX) responsibility is improving developer experience by developing applications which meets common requirements of microservice’s like caching, authorization, rate limiting, cross cluster service discovery etc.

Since we already use Istio why not take advantages of the power of Envoy Proxy’s extensibility.

Our use case is acquiring JWT token for microservice’s which identifies that microservice application. When we want to avoid every team to write the same code in different languages, we can create a WASM Filter and inject it into Envoy Proxies.

Advantages of WASM Filters:

- It allows to write code in any language which has WASM support
- Dynamically load code to Envoy
- WASM code is isolated from Envoy so crashes in WASM not affect Envoy

>In Envoy Proxy there are worker threads that handles incoming requests. Every worker thread has its own WASM VM. So if you write time based operational code it works separately for every thread.

In Envoy Proxy every worker thread isolated from each other and has one or multiple WASM VM. There is also a concept called [WASM Service](https://www.envoyproxy.io/docs/envoy/latest/api-v3/extensions/wasm/v3/wasm.proto#extensions-wasm-v3-wasmservice) for inter thread communications and data sharing (we are not cover this).

![Drawed in excalidraw.com by Emre Savcı](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sb18ug366p0p41nbuy33.png)
 
-----------------------------------

## Writing WASM in Go

We are going to use [tetratelabs/proxy-wasm-go-sdk](https://github.com/tetratelabs/proxy-wasm-go-sdk) to write WASM in Go. We also need [TinyGo](https://tinygo.org/) to build our Go code as WASM.

Our use case is very simple so we write a code which sends request to JWT Api for every 15 second. It extracts authorization header and sets it’s value to a global variable and puts that value to response header of every incoming request. We also set “hello from wasm” value to another header called “x-wasm-filter“.

In the OnTick function we are making http call to a service known by Envoy as cluster.

{% gist https://gist.github.com/mstrYoda/e13b09801e431dbfa75450eb6443342f %}

Let’s build our go code as WASM:

```
tinygo build -o optimized.wasm -scheduler=none -target=wasi ./main.go
```

Now we need to configure Envoy Proxy to use WASM Filter for incoming requests. We will define a routing rule and a WASM filter for our WASM code, also we define a cluster which represents our service.

{% gist https://gist.github.com/mstrYoda/6df846c9d201510680709128f78074d8 %}

I put all of the files into same directory. Now let’s run Envoy Proxy in Docker:

```
docker run -it — rm -v "$PWD"/envoy.yaml:/etc/envoy/envoy.yaml -v "$PWD"/optimized.wasm:/etc/envoy/optimized.wasm -p 9901:9901 -p 10000:10000 envoyproxy/envoy:v1.17.0
```

As we can see from logs our WASM Filter started to work and sending request to JWT Api in every 15 secon

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6g5d52fe3jt0o42o146p.png)

Now let’s send a request to Envoy Proxy. We configure Envoy to listen incoming requests from 1000 port and we start our container with port mapping. So we can send request to localhost:10000:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hiffztzdp2qerh2jn8xz.png)
 
In the response headers we can see “x-wasm-filter: hello from wasm” and “x-auth” values.

---

Thank you for reading so far. I hope it will give you a perspective about how and why use WASM in Envoy Proxy.

You can see full example in github:

{% embed https://github.com/mstrYoda/envoy-proxy-wasm-filter-golang
 %}

## Resources

{% embed https://webassembly.org/
 %}

{% embed https://developer.mozilla.org/en-US/docs/WebAssembly %}

{% embed https://thenewstack.io/wasm-modules-and-envoy-extensibility-explained-part-1/ %}

{% embed https://github.com/tetratelabs/proxy-wasm-go-sdk %}

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vox3yovcym9tyhqn7uvp.png)

> You can follow me on:
> [Twitter](https://twitter.com/mstrYoda_)
> [Linkedin](https://www.linkedin.com/in/emre-savcı-70a849a6/)
> [Github](https://github.com/mstrYoda)

[![Buy Me A Coffee](https://cdn.buymeacoffee.com/buttons/default-black.png)](https://www.buymeacoffee.com/mstrYoda)