wrangler
is a CLI tool designed for folks who are interested in using Cloudflare Workers.
You have many options to install wrangler!
npm i @cloudflare/wrangler -g
cargo install wrangler
If you don't have cargo
or npm
installed, you will need to follow these additional instructions.
For information regarding updating Wrangler, click here.
General documentation surrounding Workers development and using wrangler
can be found here. This documentation will be highly valuable to you when developing with wrangler
.
####β¨Workers Sites
To learn about deploying static assets using wrangler
, see the Workers Sites Quickstart.
-
Scaffold a project, including boilerplate for a Rust library and a Cloudflare Worker. You can pass a name and template to this command optionally.
wrangler generate <name> <template> --type=["webpack", "javascript", "rust"]
All of the arguments and flags to this command are optional:
name
: defaults toworker
template
: defaults to thehttps://github.com/cloudflare/worker-template
type
: defaults to "webpack"
-
Creates a skeleton
wrangler.toml
in an existing directory. This can be used as an alternative togenerate
if you prefer to clone a repository yourself.wrangler init <name> --type=["webpack", "javascript", "rust"]
All of the arguments and flags to this command are options:
name
: defaults to the name of your working directorytype
: defaults to "webpack".
-
Build your project. This command looks at your
wrangler.toml
file and runs the build steps associated with the"type"
declared there.Additionally, you can build different environments. This is useful if you have different builds for different environments, but typically isn't needed. For more information see the environments documentation.
-
Configure your global Cloudflare user. This is an interactive command that will prompt you for your email and API key:
wrangler config Enter email: testuser@example.com Enter api key: ...
You can also use environment variables to configure these values.
-
Publish your Worker to Cloudflare. Several keys in your
wrangler.toml
determine whether you are publishing to a workers.dev subdomain or your own registered domain, proxied through Cloudflare.wrangler publish
To use this command, the following fields are required in your
wrangler.toml
.Key Value Example name the name of your worker name = "your-worker"
type build type (webpack, rust, or javascript) type = "webpack"
account_id your Cloudflare account ID, this can be found in the Cloudflare dashboard account_id = "a655bacaf2b4cad0e2b51c5236a6b974"
From here, you have two options, you can choose to publish to your own domain or you can choose to publish to <your-worker>.<your-subdomain>.workers.dev.
If you want to publish to workers.dev, you will first need to have a workers.dev subdomain registered. You can register a subdomain by executing:
wrangler subdomain <name>
After you have registered a subdomain, add workers_dev
to your wrangler.toml
.
Key | Value | Example |
---|---|---|
workers_dev | true | workers_dev = true |
If you would like to publish to your own domain, you will need to specify these three fields in your wrangler.toml
.
Key | Value | Example |
---|---|---|
workers_dev | false | workers_dev = false |
route | The route you would like to publish to | route = "example.com/my-worker/*" |
zone_id | Your Cloudflare zone ID, this can be found in the Cloudflare dashboard | zone_id = "b6558acaf2b4cad1f2b51c5236a6b972" |
If you would like to be able to publish your code to multiple places, please see the documentation for environments.
-
Preview your project using the Cloudflare Workers preview service.
By default,
wrangler preview
will only bundle your project a single time. To enable live preview, where Wrangler will continually update the preview service with the newest version of your project, pass the--watch
flag:wrangler preview --watch
You can optionally pass
get
orpost
and abody
to this command. This will send a request to your worker on the preview service and return the response in your terminal. For example:GET requests can be sent with
wrangler preview
or
wrangler preview get
POST requests can be sent with
wrangler preview post hello=hello
Additionally, you can preview different environments. This is useful if you have different builds for different environments (like staging vs. production), but typically isn't needed. For more information see the environments documentation.
-
Interact with your Cloudflare Workers KV store. Check out the docs.
There are two types of configuration that wrangler
uses: global user and per project.
-
In Cloudflare's system, you have a User that can have multiple Accounts and Zones. As a result, your User is configured globally on your machine. Your Account(s) and Zone(s) will be configured per project, but will use your User credentials to authenticate all API calls. This config file is created in a
.wrangler
directory in your computer's home directory.To set up
wrangler
to work with your Cloudflare user, use the following commands:- π§
config
: a command that prompts you to enter youremail
andapi
key. - π΅οΈββοΈ
whoami
: run this command to confirm that your configuration is appropriately set up. When successful, this command will print out your user information, including the type of plan you are currently on.
- π§
-
You can also configure your global user with environment variables. This is the preferred method for using Wrangler in CI:
# e.g. CF_API_KEY=superlongapikey CF_EMAIL=testuser@example.com wrangler publish --release # where # $CF_API_KEY -> your Cloudflare API key # $CF_EMAIL -> your Cloudflare account email
-
Your project will need to have several things configured before you can publish your worker. These values are stored in a
wrangler.toml
file thatwrangler generate
will make for you. You will need to manually edit this file to add these values before you can publish.-
name
: This is the name of your project. It will be the name of your script. -
type
: This key tellswrangler build
how to build your project. There are currently three options (webpack
,javascript
, andrust
), but we expect there to be more as the community grows.javascript
: This project contains a single JavaScript file, defined inpackage.json
'smain
key.rust
: This project contains a Rust crate that useswasm-bindgen
. It will be built withwasm-pack
.webpack
: This project contains any number of JavaScript files or Rust/C/C++ files that compile to WebAssembly. Rust files will be built withwasm-pack
. This project type uses webpack and webpack plugins in the background to build your worker. You can read more about this type here.
-
zone_id
: This is the ID of the "zone" or domain you want to run your script on. This is optional if you are using a workers.dev subdomain and is only required whenworkers_dev
is false, or excluded from an environment configuration. -
account_id
: This is the ID of the account associated with your zone. You might have more than one account, so make sure to use the ID of the account associated with thezone_id
you provide, if you provide one. -
route
: This is the route you'd like to use your worker on. You need to include the hostname. Examples:*example.com/*
http://example.com/hello
This key is optional if you are using a workers.dev subdomain and is only required when
workers_dev
is false, or excluded from an environment. -
webpack_config
: This is the path to a custom webpack configuration file for your worker. You must specify this field to use a custom webpack configuration, otherwise Wrangler will use a default configuration for you. You can read more here. -
workers_dev
: This is a boolean flag that specifies if your worker will be deployed to your workers.dev subdomain. For more information, please read the environments documentation. -
kv-namespaces
: These specify any Workers KV Namespaces you want to access from inside your Worker. Each namespace you include should have an entry in yourwrangler.toml
that includes:binding
: the name you want to bind to in your scriptid
: the namespace_id assigned to your KV Namespace upon creation.
For example:
kv-namespaces = [ { binding = "FOO", id = "0f2ac74b498b48028cb68387c421e279" }, { binding = "BAR", id = "068c101e168d03c65bddf4ba75150fb0" } ]
Note: Creating your KV Namespaces should be handled using Wrangler's KV Commands.
Additionally, you can configure Wrangler to publish to multiple environments. This means that your same codebase can be deployed to multiple places on your workers.dev subdomain, across multiple accounts, zones, and routes. Read more here.
-
Wrangler can be installed both through npm and through Rust's package manager, Cargo.
-
If you don't already have npm on your machine, install it using npm's recommended method, a node.js version manager.
If you have already installed npm with a package manager, it is possible you will run into an
EACCES
error while installing wrangler. This is related to how many system packagers install npm. You can either uninstall npm and reinstall using the npm recommended install method (a version manager), or use one of our other install methods. -
Install Wrangler by running:
npm i @cloudflare/wrangler -g
-
Install
cargo
:Rustup, a tool for installing Rust, will also install Cargo. On Linux and macOS systems,
rustup
can be installed as follows:curl https://sh.rustup.rs -sSf | sh
Additional installation methods are available here.
-
Install
wrangler
:cargo install wrangler
Installing wrangler on linux requires some OpenSSL-related packages to be installed. If you don't want to deal with this, you can use vendored OpenSSL.
cargo install wrangler --features vendored-openssl
-
Download the binary tarball for your platform from our releases page. You don't need to download wranglerjs, wrangler will install that for you.
-
Unpack the tarball and place the binary
wrangler
somewhere on yourPATH
, preferably/usr/local/bin
for linux/macOS orProgram Files
for windows.