Localhost to Public URL | Share Local Project Globally without Code | Live Client Review
Вставка
- Опубліковано 15 вер 2024
- Even if it's a static HTML page in your PC, you can show it to a remote client on his PC by using a global URL for project that is in your PC. Access localhost from the internet or share localhost. This video is about accessing localhost From Anywhere.
How do you showcase 'work in progress' to a remote client? Probably you will deploy it to a remote server or push it to github and share its link. In this case client will have access to the code. This is alright but you may not want that in some cases. What if project hasn't been locked - not officially started yet - but you are only showcasing your ability to do the job before any agreement between you and client.
In other scenario, lets assume that you are working on a project that will be useless for client even if you push it to github. May be client is not technical enough and project needs setup before it can run. Assume that you don't want to setup a remote staging server but still want to show work in progress? what would you do?
You can show your work from your machine. One way is to use screen sharing from Skype, Google Hangouts or Google Meet or you can use remote desktop app. That is also fine but allow me to share an awesome alternative.
You can run project at localhost on your PC and share the URL like it's a real server. It will have a real address like any website that your client can access from anywhere in the world and see the website, browse or use it like he does with any other live site, without looking your code. He will be able to see your site until you close the connection or stop local server.
When you use Visual Studio code, you can fire up local server. When you work with JavaScript Framework or libraries, such as ReactJS, you are running the app at localhost. So running at localhost isn't a problem, right.
First of all your project should be running at localhost. Search and install an extension 'Live Server' from Visual Studio Code. Open project folder in Visual Studio Code. Use option 'Add project to workspace' and open project folder. Open project's index file in editor, right click at open file and select 'Open with live server' or click at 'Go live' option from bottom of visual studio code. Now you are running at localhost.
I used Live Server because I am using an HTML page. If you are using WordPress locally then it's probably running at localhost by using XAMPP, that is fine. Let's say you used 'Create React App' and your ReactJS app is running at localhost. That is also fine. We need localhost url that is serving your site or page.
Then you will need localtunnel package from npm. NodeJS should be installed in your PC. NPM will be installed with it. Use NPM or YARN as package manager. You can use 'Git for Window' as terminal program.
Create package.json file
Install LocalTunnel
Add a command to run localtunnel
Put Local Project Live & Get Global URL
So, all you have to do is to use localtunnel and give it port and your local project is live. Doesn't matter its ReactJS or WordPress or simple HTML page. And our client will be browsing this project on his machine and will access it via a URL. That's the beauty of it.
Thank You!
Channel Support
👍 LIKE VIDEO
👊 SUBSCRIBE
🔔 PRESS BELL ICON
✍️ COMMENT
Channel: / webstylepress
Website: www.webstylepr...
FaceBook: / webstylepress
Twitter: / webstylepress
Instagram: / webstylepress
LinkedIn: / webstylepress
GitHub: github.com/web...
#localhost #GlobalURL #localtunnel #WordPress #JS #NodeJS #HTML #Chrome #npm #yarn #webdevelopment #webstylepress
SuperB (y) Thanks man.
thank you
how do i make it last forever? i dont want to make a new link every h7h
where I get the password they want me password, kindly help me
Hi,
I have tried, But showing site cannot be reached.
Please help me on this.
I have an error.. while i click on the link it shows on the web like 404... What can i do?
how to have static url please
it doesn't work for me
has local tunnel project bean terminted?
Nope. Recheck.
some tunneling like ngrok are stopping after 7 hours
is this tunnel will last forever ?
No. It's not meant to last forever. It's just for do your thing, share it, and stop it when u r done.
@@webstylepress i mean it will operate 24/7 non stop
it depends on me when i needed to stop it?
Yes
@@webstylepress In my side it is automatically disconnecting after 5 minutes
@@abhishekporwal7969 Same, Have you found a way to prevent this?
Is this localtunnel life time free
yes
Thanks for replying
You are welcome. 🙏