[Feature Request]: Sharing Sites On Your Local Network

[slavarazum]

Feature Description

Feature Description

The herd share suites are for public sharing and do not support linking to local resources.
The development build with npm run dev is not available through the expose tunnel.

From the original Valet feature: https://laravel.com/docs/master/valet#sharing-sites-on-your-local-network

The feature allows you to share sites on your local network, making it easier to set up development environments with real-time access on mobile or other network-accessible devices.

Is this feature valuable for other users as well and why?

Assets building with hot reload will be available for all local accessible devices.

Is this feature valuable for other users as well and why

Development with a real device is a special pleasure 📱🌴

[pLavrenov]

up

[belameiers]

That would be awesome. I have the same problem and always need to switch to MAMP for local testing. The Expose Function is as well not an option for me…

[Gnative]

This is the one thing preventing me from uninstalling Valet and using only Herd.

I work with mobile development and need to access my Lavarel application API endpoints on my local network. With Valet I can access this via my local network IP address I.E http://192.168.8.8/contours.test/api/v1.

I haven't been able to find a way to do this with Herd yet unless i've missed something in the documentation.

[Gnative]

Ok just realised I can open up local network IP address the same as Valet by editing

~/Library/Application Support/Herd/config/nginx/herd.conf

changing

listen 127.0.0.1:80 default_server;

to

listen 80 default_server;

server {
    listen 80 default_server;
    #listen VALET_LOOPBACK:80; # valet loopback
    root /;
    charset utf-8;
    client_max_body_size 128M;

    location /41c270e4-5535-4daa-b23e-c269744c2f45/ {
        internal;
        alias /;
        try_files $uri $uri/;
    }

    location / {
        rewrite ^ "/Applications/Herd.app/Contents/Resources/valet/server.php" last;
    }

    location = /favicon.ico { access_log off; log_not_found off; }
    location = /robots.txt  { access_log off; log_not_found off; }

    access_log off;
    error_log "/Users/Gnative/Library/Application Support/Herd/Log/nginx-error.log";

    error_page 404 "/Applications/Herd.app/Contents/Resources/valet/server.php";

    location ~ [^/]\.php(/|$) {
        fastcgi_split_path_info ^(.+\.php)(/.+)$;
        fastcgi_pass $herd_sock;
        fastcgi_index "/Applications/Herd.app/Contents/Resources/valet/server.php";
        fastcgi_param QUERY_STRING  $query_string;
        fastcgi_param REQUEST_METHOD  $request_method;
        fastcgi_param CONTENT_TYPE  $content_type;
        fastcgi_param CONTENT_LENGTH  $content_length;
        fastcgi_param SCRIPT_FILENAME  $request_filename;
        fastcgi_param SCRIPT_NAME  $fastcgi_script_name;
        fastcgi_param REQUEST_URI  $request_uri;
        fastcgi_param DOCUMENT_URI  $document_uri;
        fastcgi_param DOCUMENT_ROOT  $document_root;
        fastcgi_param SERVER_PROTOCOL  $server_protocol;
        fastcgi_param GATEWAY_INTERFACE CGI/1.1;
        fastcgi_param SERVER_SOFTWARE  nginx/$nginx_version;
        fastcgi_param REMOTE_ADDR  $remote_addr;
        fastcgi_param REMOTE_PORT  $remote_port;
        fastcgi_param SERVER_ADDR  $server_addr;
        fastcgi_param SERVER_PORT  $server_port;
        fastcgi_param SERVER_NAME  $server_name;
        fastcgi_param HTTPS   $https if_not_empty;
        fastcgi_param HERD_HOME "/Users/Gnative/Library/Application Support/Herd";
        fastcgi_param REDIRECT_STATUS  200;
        fastcgi_param HTTP_PROXY  "";
        fastcgi_buffer_size 512k;
        fastcgi_buffers 16 512k;
        fastcgi_param SCRIPT_FILENAME "/Applications/Herd.app/Contents/Resources/valet/server.php";
        fastcgi_param PATH_INFO $fastcgi_path_info;
    }

    location ~ /\.ht {
        deny all;
    }
}

[slavarazum]

Were you able to successfully run a development build worker with Hot Module Replacement through the local network?

[Gnative]

Yes no problem.

[slavarazum]

I opened Herd's Nginx server with listen 80 default_server and running Vite development build with --host option:

npm run dev -- --host

The browser started complaining about the non-private connection, but whatever, we can give the permission.

I'm trying to access with the following url format in Chrome: http://192.168.*.*/laravel.test, then browser immediately rewrites it to just http://192.168.*.* in address bar for some reason.

In Safari I can't get access for that url at all with the following errors in console:

[Error] Failed to load resource: bad URL (http://[::]:5173/@vite/client, line 0)
[Error] Failed to load resource: bad URL (http://[::]:5173/resources/js/app.js, line 0)

Have you encountered similar issues? Perhaps you have any specific Nginx or/and Vite configurations?

[Gnative]

Sorry @slavarazum I don't know what your set up is. It does sound like you have some https requests to cause the private connection message and a redirect happening on your app side.. this wouldn't be due to the herd configuration. Wish you luck in figuring this out.

[ph7jack]

It looks great. I can load my local website, but the Vite assets (hot or build) never load. Even if changing the APP_URL

[emandtf]

Removing "127.0.0.1:" prefix doesn't solves all issues because the URL responds always with "404" if a device's hosts file is not modified by adding a rule for "application_name.test".
I found that this is the culprit file:

• C:\Program Files\Herd\resources\app.asar.unpacked\resources\valet\server.php:45

There are three $SERVER variables that from the development machine have different values than from other devices and when the check for HTTP_HOST is done an URL like "http://192.168.1.15/application_name.test" is not verified successfully because the "$siteName" is "192.168.1.15" and not "application_name.test" and then Valet refuses to procede because it doesn't find the right folder.

You can fix this case with one of those cases:

• editing that ("server.php" around row 45) file according
• add a "hosts" rules for you server domain
• add a router Hostname (I'm using OpenWRT): in this way all devices in the same network/LAN/WiFi will found the right path

[arce701]

I am writing to request the implementation of a fundamental feature: the ability to share websites within a local network (LAN). This functionality would be decisive in my decision to upgrade to the Pro version of the software.
As a developer working primarily with web applications in corporate environments, we frequently need to test and access applications that operate exclusively on our local network. This need is particularly critical in our location, where the Internet connection is significantly slow and unstable, making work through the Internet impractical and unreliable. The local network allows us to maintain optimal and consistent work speed, independent of external connectivity limitations.
Currently, these limitations force us to continue using alternatives like XAMPP. Implementing this feature in the Pro version would:

1. Facilitate development and testing in business environments.
2. Enhance security by not requiring external exposure.
3. Provide an integrated solution for development teams.
4. Optimize performance in areas with limited connectivity.
5. Enable continuous work independent of Internet quality.

I am convinced that this functionality would not only benefit my team but also many other professionals working under similar conditions, especially in regions where Internet infrastructure is not optimal.

[emandtf]

@arce701 I'm developing WITHOUT any internet connection and it already works inside my LAN 😅
I've a test website on my PC and all smartphones (I'm primarily writing mobile apps in native code) in my LAN can reach it and do REST requests.
On your local LAN the "test" website could already been reached by any client.

[arce701]

Since you have already successfully implemented it, would you be able to create a tutorial or video sharing your experience and knowledge? It would be extremely helpful to learn the process step by step. In advance, I greatly appreciate your willingness and the time you will dedicate to creating this material...