# Devproxy Setup

{% hint style="warning" %}
Currently **Sygnal DevProxy** can only be installed by Sygnal. \
[Contact us](https://www.sygnal.com/contact) if you are interested in a build for your projects. 
{% endhint %}

## Platform

* Cloudflare
  * Free account works fine

## Installation

Notes on installation into a new Cloudflare account.

```
cd webflow-dev-proxy
```

Add env to `wrangler.toml`; 

```
[env.ENV]
name = "webflow-dev-proxy"
account_id = "CLOUDFLARE_ACCOUNT_ID"
kv_namespaces = [
#  { binding = "DEVPROXY", id = "CLOUDFLARE_KV_STORE_ID" }
]
```

```
wrangler deploy --env ENV
```

In Cloudflare;

Create new KV store;

```
DEVPROXY
```

Copy ID to `wrangler.toml`

Uncomment binding

Re-deploy

Add key

## Cloudflare Config

### Account-Level Config

Workers; 

* Install `webflow-dev-proxy` worker in account

KV; 

* In `CONFIG` add the following entry; 
  * Key - e.g. `luxradiology.co.nz:devproxy` 
  * Value - e.g. - 

```
{ "version": 1, "origin": "https://lux-radiology.webflow.io/" }
```

### Site-Level Config

Navigate to the Website page for your domain in Cloudflare. 

DNS;

| Type | Name | Content   | Proxy status |
| ---- | ---- | --------- | ------------ |
| A    | dev  | 75.2.70.5 | Proxied      |
| A    | test | 75.2.70.5 | Proxied      |

### Cloudflare Worker Routes

Navigate to the Website page for your domain in Cloudflare

Click Worker Routes 

| Route                | Worker            |
| -------------------- | ----------------- |
| `*dev.mysite.com/*`  | webflow-dev-proxy |
| `*test.mysite.com/*` | webflow-dev-proxy |

### DEVPROXY

key - dev.mysite.com

value - mysite.webflow\.io