89

I use Postman for REST API testing and parametrize tests with global variables.

I should put a phone number into GET request: /path/get?phone={{phone}} but leading + sign in the phone number is interpreted as a space.

What is the syntax to URL encode global variables in Postman? Is it possible to run JS encodeURIComponent() on variable in URL?

gavenkoa
  • 45,285
  • 19
  • 251
  • 303
  • 2
    I opened [an issue to postman](https://github.com/postmanlabs/postman-app-support/issues/7432) to add a flag in the path parameter setup – Manuel Spigolon Oct 04 '19 at 09:38

13 Answers13

113

I am late but still worth it:

Just highlight and right click the part of url you want to encode. Select encodeURIComponent

That's it.

enter image description here

Mohhamad Hasham
  • 1,750
  • 1
  • 15
  • 18
  • 2
    this is the best way. – Sukh Dec 06 '19 at 21:04
  • 1
    easily the best way – volume one Apr 15 '20 at 22:24
  • 13
    The question was about variables, that is, stuff like {{defined_someplace_else}}. You can't encode them like that because the value inside that variable needs to be encoded, not the variable reference. – SnakE Jun 29 '20 at 13:57
  • 1
    This is the best way for static parameters. If you try it on a variable in that spot, it encodes the braces that identify it as a variable, not the contents of the variable. Doesn't answer the question (but still helpful for lots of people that find this answer). – thelr Oct 09 '20 at 13:05
  • this is the way – ma11achy Apr 12 '22 at 10:17
90

Use the Pre-request scripts (it's next to body) for this:

var encoded = encodeURIComponent({{phone number}});

or

var encoded = encodeURIComponent(pm.environment.get("phone number"));

and to proceed, use:

pm.environment.set("encoded phone number", encoded);

And set your URL to /path/get?phone={{encoded phone number}}

Community
  • 1
  • 1
Shahar Hadas
  • 2,641
  • 1
  • 27
  • 29
14

Just a shortcut to Mohhamad Hasham' answer.

You can encode and decode direct in the Params Value field: enter image description here

pme
  • 14,156
  • 3
  • 52
  • 95
  • 1
    It doesn't answer the question of encoding content from variable reference `{{ var }}`. There is no problem to encode static piece of text. – gavenkoa Nov 04 '20 at 12:01
  • 2
    @gavenkoa you are right - I was misguided by the popular answer that helped me. – pme Nov 04 '20 at 12:06
9

The trick is to get your environment variable in the pre-request script and then set it after encoding it

    var encoded = encodeURIComponent(pm.environment.get("phone"));
    pm.environment.set("encoded phone number", encoded);
zhangfx
  • 153
  • 1
  • 5
samwa
  • 323
  • 3
  • 10
3

If you are automating Bearer and need encoding you can do this in pre-request script

var encodedUser = encodeURIComponent(pm.request.url.query.get("userName"));
var encodedPass = encodeURIComponent(pm.request.url.query.get("userPassword"));

pm.request.url.query.remove("userName");
pm.request.url.query.remove("userPassword");

pm.request.url.query.insert({key:"userName",value: encodedUser});
pm.request.url.query.insert({key:"userPassword",value:encodedPass});
SCendlak
  • 31
  • 3
2

This will work as well:

var encoded = encodeURIComponent(pm.request.url.query.get("phone"));
pm.request.url.query.remove("phone");
pm.request.url.query.insert("phone", encoded);
2

For the postman version 9.28.4 ==>

You can use 2 methods:

  1. By selecting the part of the url in url bar -> right click -> EncodeURLComponent. (screenshot attached)

Demonstration method#1

  1. You can also use "pre-request script" tab of postman and write the script for the variable manually. (screenshot attached)

Demonstration method#2

2

The problem with right-click => Encode URI Component is that it destroys the raw value of that parameter. You can use the following pre-request script to overcome this (which also works for cases where you have disabled that param):

// queryParam is of type https://www.postmanlabs.com/postman-collection/QueryParam.html
if ((queryParam = pm.request.url.query.one("name_of_your_query_param")) !== undefined
    && queryParam.disabled !== true) {
    queryParam.value = encodeURIComponent(queryParam.value);
}

Ian Kemp
  • 28,293
  • 19
  • 112
  • 138
2

Switch the toggle on for encoding path and all params in request. Switch the toggle on

Petr Flídr
  • 116
  • 5
1

I came across this question looking for an answer to a similar question. For me, the variable was a JSON object. The endpoint I needed to hit was expecting an object list as a query parameter and I have no way to change that to be the request body.

As much as some of the answers helped, I ended up coming up with a combined solution. Also, some of the code given in other answers is outdated as Postman has updated their API over the years, so this uses methods that work on 7.22.1.

pm.environment.set("basicJSON", '[{"key1":"value1","key2":"value2"},{"key1":"value1","key2":"value2"}]')
var encoded = encodedURIComponent(pm.environment.get("basicJSON"))
pm.environment.set("encodedJSON", encoded)

This solution requires that both basicJSON and encodedJSON exist as environment variables. But what was important for me was the ease of editing the object. I didn't want to have to decode/encode constantly to change values, and I didn't want to have to open the environment variables dialogue. Also, it's important to note the single-quotes around the object. Excluding them or using double-quotes would cause Postman to send something like "[object Object]" which is useless to an endpoint expecting actual JSON.

randy
  • 369
  • 4
  • 12
1

I had similar problem with braces { and } in query parameter.
By turning off the following setting it started working for me.

enter image description here

G.S
  • 10,413
  • 7
  • 36
  • 52
-2

Click the Params button to open the data editor for URL parameters. When you add key-value pairs, Postman combines everything in the query string above. If your URL already has parameters - for example, if you are pasting a URL from some other source. Postman splits the URL into pairs automatically. https://www.getpostman.com/docs/v6/postman/sending_api_requests/requests

gwecho huang
  • 579
  • 2
  • 6
  • 13
  • 1
    This does not answer the question. These docs describe how to add urlencoded form parameters, whereas the question is about urlencoding GET parameters set from environment variables. – domsom May 10 '19 at 19:50
-2

POSTMAN's documentation on building requests in the section "sending parameters" is helpful here. You can encode path data by simply encoding the URL with a colon, listing the key name of the encoded element, and then a new section will appear below the query parameters allowing you to customize values and add a description, just as we do with query params. Here's an example of encoding the URL for a GET request:

https://somesite-api-endpoint/:record/get

And here's what the display looks like after you add path data. Any value you add in the path variables section will automagically update the URL with your data. enter image description here

Fergus
  • 437
  • 3
  • 11