Postman not working on Ember with back-end JSON API - javascript

I am new to Ember and have posted a similar post regarding troubleshooting of a simple Ember front-end with JSON API web back-end (see below). My problem here is that I am unable to get Postman to display any data in the DevTools console - its blank. I can use Postman to submit requests and see the response in the body, that is all.
I have tried various permutations of using the application while going so far as to uninstall and re-install. But, nothing is working. Is anyone aware of the steps necessary to use Postman to troubleshoot problems?
Ember 3.2.2 not routing request to .NET Core 2.1 JSON web API

As figured out in comments you were messing up Postman with developer tools of browser.
While Postman is great to debug and test REST APIs, it can't be used to inspect single page applications (SPA) running in browser window. Postman is it's own application and does not interfere with your ember.js web application which is running another task.
To inspect a single page application (or other websites) the developer tools which are provided by all major browsers are very helpfull. These ones are shown in the video you have mentioned in comments. They have a network tab listing all requests fired. Here you find a detailed description of Google Chrome's network tab in developer tools. The other browsers share most of the features.
So to put it together: To investigate what network requests are fired by your single page application (e.g. ember.js) use the network tab of browser's developer tools. If you need to investigate your API behavior more in detail (e.g. to see why a network request of your SPA fails), Postman is a great tool to do this.

Related

Capture network access from a javascript web application

I have a web application running in my browser. It is third party obfuscated javascript. It connects to the server with SSL and it fetches data and then displays it in the browser. I want to get programmatic access to the data, but I cannot figure out how it gets it from the server.
I tried to open Chrome Canary Dev Tools, but it does not show any network access (other than loading some html, js code and images). I ran wireshark and it shows lots of network access (all encrypted, so it is useless). What gives? This javascript app seems to be able to fetch data in a sneaky way, so that Chrome Dev Tools doesn't show it.
Any advice how I can reverse engineer this?
EDIT: I think that the data is fetched by redirecting to a download link, or perhaps with window.navigator.msSaveBlob. Anyway, I found it using postman.
I was able to capture the API call using POSTMAN (native Win 6.0.9). I enabled a Proxy on port 5555, and then click the button to trigger the action in the web app.
Because the web is using SSL, I get an error "Your connection is not private". However, I can click Advanced / Continue and call the API anyway, which gets captured by POSTMAN.
Advice: In postman, capture to a new folder (called Proxy data). Try it first using a non-SSL site, such as this one.

understanding what the end result is for document.submit

Is there a way to find out the destination of the information or track where it goes when form instance information is created from document.submit?
I have to reverse engineer this application that is taking form submissions but I am having difficulty trying to find out where it's going.
If you are using a modern web browser, like Chrome, you can use the network developer tools within to help you.
You can access the Chrome developer tools with the F12 key and also Ctrl+Shift+i and then go to the network tab. network tools example here. There you will be able to click on individual requests and see the request headers and response data, along with any other relevant data.

View internal networkrequests in windows 8 javascript

I'm helping a developer who has build a website and wants to port it to a windows 8 application. The application has to be build with html and javascript. I got it running, but for some reason requireJS with i18n won't work correctly. Most of the time it does it's job, but some variables won't load the correct information. In a webbrowser I would look at the network request to see what is happening.
Is there a way to see the network requests a windows 8 application does?
*I've tried using fiddler, but it only shows outgoing information. Not the information request information from inside the application.

Export all network traffic on a webpage

I'm looking for a tool that would list all the network information that a html dom (javascript etc as well) page loads. Exeactly what chrome shows on the developer tools/Network tab.
I've tried the Chromium-browser under ubutu to export this data but was not able to get the networking stats.
So what I would need is to parse a request preferably thru the command line (ubuntu/debian) which would return the networking stats.
There is network monitor at Firefox dev tools. Take a look at mdn page where this feature is explained. It is possible to export HAR information from the Network panel by right-clicking and selecting "Save all as HAR". HAR is a network request archive format used by many performance and request analysis tools.
You can also use firebug addon which has also his own network monitor and extract data by using the netexport firebug extension.
For automated process (that will open the browser, then firebug, then the page and then will export data), you probably need the auto-tool used for testing firefox which is called mozmill

Developer Tools: Follow network requests across popups

We are trying to figure out how something works on the web (for web scraping/automation) and one of the web pages we are working on issues a popup to do some of the work. One of our most commonly used debug tools is the Chrome network tab in Developer Tools, hit "record" do some work, and then examine what was done and then replicate the work done "offline".
However the Developer Tools (in Chrome, Safari and Firefox - all work the same) do not follow requests across a popup, even if you hit "record".
Is there some configuration value I'm missing, or some way to record all network events? We can't use tcpdump/wireshark for this because it's all done over SSL. One option we've considered is a man-in-the-middle https proxy, but I can't find anything pre-written so we'd have to create one ourselves.
I don't know of any way to follow the requests across pop-ups, as each window has its own Web Inspector, however you can use Fiddler to inspect HTTPS requests. It will MITM, and subsequently throw a certificate error, which should allow you to inspect all requests in the order that they happened.
You can use Charles Web Debugging Proxy, which is an app that lets you see all the traffic and even replace some responses with your own. Of course that may break HTTPS so you have to accept the certificate errors, but that's usually a minor problem. It works on Win, Mac and even Linux.
The object inspector cannot inspect what isn't in the current page. Therefore, you will need to open the inspector inside the popup url with same parameters in order to see what it does.
As a tool, you can use a web sniffer to see exactly which url were called during the process.

Categories