Capturing Shopify CLI 3.x after installing Fiddler Everywhere in Windows 10

1. Reference:Capturing Shopify CLI 3.x after installing Fiddler Classic in Windows 10 . Ultimately not realized.

2. Reference:Create a unified Telerik account to register and become a trial user. Start your 10-day free trial. as shown in Figure 1

Figure 1

3. By default, you can only use Fiddler Everywhere to track non-secure HTTP system traffic. Therefore, to enable the capture of HTTPS system traffic, you must install and trust the Fiddler root certificate. Settings – HTTPS – Trust Root Certificate. Prevent the impact of the Fiddler Classic certificate. as shown in Figure 2

Figure 2

4. Https capture is disabled.enable https now., click Enable https now. as shown in Figure 3

Figure 3

5. Enable Live Traffic. No traffic is captured. as shown in Figure 4

Figure 4

6. Click Open Browser to open the default Google Chrome browser, and traffic can be automatically captured. as shown in Figure 5

Figure 5

7. Reference:Capture traffic from the Node.js library environment.

8. Set the proxy globally. This scheme is very useful for libraries such as requests for proxy settings in the environment variables. With Node.js, you can set up a proxy directly in the terminal. No traffic is captured.

9. The global proxy setting is not applicable to modules such as HTTP modules that need to proxy each HTTP request to Fiddler Everywhere. One way to solve this problem is to explicitly set up the proxy via code. New file: fiddler-everywhere-test.js

"use strict";

const url = require("url");
const http = require("http");

const fiddlerEverywhereProxy = {
    protocol: "http:",
    hostname: "127.0.0.1",
    port: 8866,
};

// Use this only for debugging purposes as it introduces a security issue.
process.env.NODE_TLS_REJECT_UNAUTHORIZED = 0;

const setFiddlerProxy = (options) => {
    if (typeof options === "string") { // Options can be URL string.
        options = url.parse(options);
    }
    if (!options.host && !options.hostname) {
        throw new Error("host or hostname must have value.");
    }
    options.path = url.format(options);
    options.headers = options.headers || {};
    options.headers.Host = options.host || url.format({
        hostname: options.hostname,
        port: options.port
    });
    options.protocol = fiddlerEverywhereProxy.protocol;
    options.hostname = fiddlerEverywhereProxy.hostname;
    options.port = fiddlerEverywhereProxy.port;
    options.href = null;
    options.host = null;
    return options;
};

const exampleUrl = "https://www.example.com";
http.request(setFiddlerProxy(exampleUrl), (res) => {
    console.log(res);
}).end(); // Through Fiddler.

10. Run in the terminal: node fiddler-everywhere-test.js , traffic from node is captured. It was finally confirmed that the packet capture of Shopify CLI 3.x failed after installing Fiddler Everywhere in Windows 10. as shown in Figure 6

Figure 6

11. After uninstalling Fiddler Everywhere, open the control panel and search for the certificate. as shown in Figure 7

Figure 7

12. Click Manage User Certificate, Action – Find Certificate, Search: Fiddler, select all, and then delete. as shown in Figure 8

8