This tutorial shows how to easily share your local development server with anyone, anywhere, using ngrok to create a secure tunnel.

Sharing your app's latest features with remote clients or project managers can be challenging. While deploying to a public staging server is an option, it's often overkill for minor updates or quick feedback. ngrok offers a simple solution: it lets you share your localhost server easily. This guide explains how to set it up and provides alternatives if needed.

Key Points:

• Simple Localhost Sharing: ngrok makes sharing your localhost server incredibly easy, regardless of location. This is perfect for showing clients or team members new features.
• Security and Access: While ngrok uses secure tunnels, your app's security is paramount. We'll discuss important considerations.
• Availability and Alternatives: ngrok's free tier is sufficient for many users, but we'll explore other localhost tunneling services like LocalXpose, localhost.run, localtunnel, JPRQ, and sish.

What is ngrok?

If your development machine is behind a firewall, ngrok creates a secure connection tunnel to its cloud service. Your localhost server is then accessible via an ngrok.io subdomain, eliminating the need for port forwarding or complex network configurations. ngrok clients are available for Windows, macOS, and Linux.

Is Local Tunneling Secure?

ngrok's tunnels are secure, only transmitting data to the specified localhost port. However, security depends on the application being tested. Since you'll likely share a temporary URL, assume potential access. Disable any potentially destructive features while the tunnel is active!

Pricing:

ngrok offers a free plan (up to four tunnels, 40 connections per minute). Paid plans start at $5/month and provide increased capacity and custom domains.

Getting Started with ngrok:

1. Sign Up: Go to ngrok.com, sign up (Google or GitHub accounts are easiest), and verify your email.
2. Download: Download the ngrok client for your OS from your dashboard.
3. Authentication: Extract the downloaded file and run the command shown in your ngrok dashboard (e.g., ./ngrok authtoken <your_token></your_token>). (Windows users: ./ngrok.exe authtoken <your_token></your_token>)

Sharing Your Local Web Server with ngrok:

1. Start Your App: Launch your web application and note the port (e.g., 8888) and protocol (http or https).
2. Create a Tunnel: Run this command in your terminal: ./ngrok <protocol> <port></port></protocol> (e.g., ./ngrok http 8888).
3. Share the URL: ngrok will provide an http:// and https:// URL (e.g., http://123456789.ngrok.io/). Share this with others. The terminal displays request logs.

The ngrok dashboard (dashboard.ngrok.com/endpoints/status) shows active URLs and client IPs.

4. Stop ngrok: Press Ctrl | Cmd C to stop the tunnel. Use ./ngrok help for more options.

ngrok Alternatives:

While ngrok is popular, consider these alternatives:

• LocalXpose (commercial, free options available)
• localhost.run (free, SSH-based)
• localtunnel (open-source Node.js)
• JPRQ (open-source Python)
• sish (open-source Docker-based)

Frequently Asked Questions (FAQs): (See original text for FAQs)

ngrok and similar tools significantly improve web app demonstrations, streamlining testing and feedback.

The above is the detailed content of ngrok Step-by-Step Guide: Easily Share Your Local Server. For more information, please follow other related articles on the PHP Chinese website!