Copy the request URL to the clipboard

pokrakam · March 16, 2020, 9:25am

I’m using a URL with several variables, and would like to see the full URL that is sent to the server. The main point is for sharing with non-Postman users, such as copy/paste a working example to an email so someone else can just open it in their browser.

i.e. my PM request looks like this: http://{{host}}/my/service({{ref}})?p1={{p1}}
But I want to get the full URL:
http://my.server/my/service(foo)?p1=bar

Yes I can copy/paste and manually fill in the variables, but that get a bit tedious after a while. So I was hoping for an ‘expanded URL’ link or something. This sounds like an obvious feature but I can’t find it in the app nor the forums.

Any help appreciated.

danny-dainton · March 16, 2020, 11:38am

Hey @pokrakam

Welcome to the community!

You could add console.log(pm.request.url.toString()); to the Tests sandbox. This will print the whole resolved URL in the Postman Console.

danny-dainton · March 16, 2020, 12:08pm

If you didn’t want to keep going to the Postman Console, you could have a go with this? Add this template to the Tests tab and it should show the URL and give you a “copy to clipboard” button in the Visualizer.

let resolvedURL = pm.request.url.toString();

let template = `
<html>
<head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js"></script>
</head>
<body>
    <div>
    <div>
        <pre><code style="width:max-content!important;" id="copyText">${resolvedURL}</code></pre>
    </div>
    <button class="copyButton" type="button" data-clipboard-action="copy" data-clipboard-target="#copyText" style="background:green;color:white;">Copy to Clipboard</button>
    </div>
</body>
</html>
<script>
    var clipboard = new ClipboardJS('.copyButton');

    clipboard.on('success', function(e) {
        e.clearSelection();
        e.trigger.textContent = '✔ Copied!';
        window.setTimeout(function() {
            e.trigger.textContent = 'Copy to Clipboard';
        }, 2000);
    });
    clipboard.on('error', function(e) {
        e.clearSelection();
        e.trigger.textContent = '✗ Not Copied';
        window.setTimeout(function() {
            e.trigger.textContent = 'Copy to Clipboard';
        }, 2000);
    });

</script>`

pm.visualizer.set(template, pm.response.json())

pokrakam · March 16, 2020, 6:33pm

Hi @danny-dainton
I was happy with the console bit, but this is really neat, thanks!
I am quite surprised this hasn’t been in PM to start with, seems like something obvious folks might want to do.

danny-dainton · March 16, 2020, 6:49pm

You’re very welcome.

pokrakam · March 17, 2020, 4:46pm

Just in case anyone is interested, I just found a third option:
Open the collection via the web rather than the app and you get the expanded URL and even a nice multi-language code template. So I can work in the app, and just refresh the page if I want the URLs for all my requests.

danny-dainton · March 17, 2020, 5:38pm

You can also get those same code snippets from the app: