{"id":21687,"date":"2014-07-22T15:01:52","date_gmt":"2014-07-22T07:01:52","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=21687"},"modified":"2023-08-14T17:15:02","modified_gmt":"2023-08-14T09:15:02","slug":"accessible-local-web-server","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/accessible-local-web-server\/","title":{"rendered":"Make Local Web Server Accessible Online With Localtunnel"},"content":{"rendered":"

During the development stage, you may deploy the website in a local server. There you can run, develop, and debug the website<\/a> on a computer, locally. But when your clients need to get access to the website immediately, or if one of the applications you need uses a webhook that has to be online to function, you probably wish that your local server could be accessible online<\/a>.<\/p>\n

Making your local server available online is probably the fastest way to cope with this, especially if you have hundreds of files that you require access to. This is where a tool called localtunnel<\/em> comes in. With localtunnel<\/em> we can create a proxy<\/a> that can tunnel to our local server, making it accessible from anywhere<\/strong>.<\/p>\n

Let\u2019s see how this tool works.<\/p>\n

Installing Localtunnel<\/h2>\n

The localtunnel that we will be using here comes in a form of a Node.js<\/a> package. So, you first need to install Node.js using the installer; you can download it in this page<\/a>. Once Node.js installed, launch Terminal<\/strong> or Command Prompt<\/strong> and type this command below.<\/p>\n

\r\n npm install -g localtunnel\r\n <\/pre>\n
This command will install localtunnel globally, so it can be accessed in any directories at any level of your computer. Once localtunnel is installed, you should be able to access the lt<\/code> command. To test the command, you can type the following (in Terminal or Command Prompt).<\/p>\n
\r\n lt -version\r\n <\/pre>\n
If the command works, it should return the localtunnel version installed in your computer, like so.<\/p>\n
\"local<\/figure>\n
Alternately, you can also type lt -help<\/code>. Like in any Help menu of an application, this particular command will return the list of options and guide on using localtunnel.<\/p>\n
<\/figure>\n
Using Localtunnel<\/h2>\n
You can use localtunnel MAMP<\/a> or WAMP<\/a>; two applications that are the most popular for Mac and Windows to run local server. Assuming that the URL of your local server is http:\/\/localhost\/<\/code> without the port number that follows, you can type the command using 80 as the port number.<\/p>\n
\r\n lt -port 80\r\n <\/pre>\n
The localtunnel will generate a randomized subdomain name, in which you can access your local server anywhere, like this.<\/p>\n
\"local<\/figure>\n
If you want to make the subdomain easy to remember, you can add -subdomain parameter following the port number. This example below will generate hongkiat.localtunnel.me<\/code>.<\/p>\n
\r\n lt -port 80 -subdomain hongkiat\r\n <\/pre>\n
Localtunnel also support Virtual Host. By default, when you run lt -port 80<\/code> command, localtunnel will pick localhost<\/code> as the address to connect with. If you have created a Virtual Host with the name of, for example, development.dev<\/code>, you can tell localtunnel to connect to that address instead of localhost<\/code> using the -local-host<\/code> parameter.<\/p>\n
Put it all together, and you can type:<\/p>\n
\r\n lt -port 80 -subdomain hongkiat -local-host hongkiat.dev\r\n <\/pre>\n
The command above will proxy hongkiat.dev<\/code> that can be accessed through hongkiat.localtunnel.me<\/code> worldwide.<\/p>","protected":false},"excerpt":{"rendered":"
During the development stage, you may deploy the website in a local server. There you can run, develop, and debug the website on a computer, locally. But when your clients need to get access to the website immediately, or if one of the applications you need uses a webhook that has to be online to…<\/p>\n","protected":false},"author":113,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3400,352],"tags":[4656],"topic":[4520,4521],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"\nMake Local Web Server Accessible Online With Localtunnel - Hongkiat<\/title>\n<meta name=\"description\" content=\"During the development stage, you may deploy the website in a local server. There you can run, develop, and debug the website on a computer, locally. But\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/accessible-local-web-server\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Make Local Web Server Accessible Online With Localtunnel\" \/>\n<meta property=\"og:description\" content=\"During the development stage, you may deploy the website in a local server. There you can run, develop, and debug the website on a computer, locally. But\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/accessible-local-web-server\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2014-07-22T07:01:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-14T09:15:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/accessible-local-web-server\/local-tunnerl-version.jpg\" \/>\n<meta name=\"author\" content=\"Thoriq Firdaus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@tfirdaus\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thoriq Firdaus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/accessible-local-web-server\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/accessible-local-web-server\\\/\"},\"author\":{\"name\":\"Thoriq Firdaus\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\"},\"headline\":\"Make Local Web Server Accessible Online With Localtunnel\",\"datePublished\":\"2014-07-22T07:01:52+00:00\",\"dateModified\":\"2023-08-14T09:15:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/accessible-local-web-server\\\/\"},\"wordCount\":434,\"commentCount\":14,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/accessible-local-web-server\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/accessible-local-web-server\\\/local-tunnerl-version.jpg\",\"keywords\":[\"Localhost and Webserver\"],\"articleSection\":[\"Hosting\",\"Web Design\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/accessible-local-web-server\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/accessible-local-web-server\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/accessible-local-web-server\\\/\",\"name\":\"Make Local Web Server Accessible Online With Localtunnel - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/accessible-local-web-server\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/accessible-local-web-server\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/accessible-local-web-server\\\/local-tunnerl-version.jpg\",\"datePublished\":\"2014-07-22T07:01:52+00:00\",\"dateModified\":\"2023-08-14T09:15:02+00:00\",\"description\":\"During the development stage, you may deploy the website in a local server. There you can run, develop, and debug the website on a computer, locally. But\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/accessible-local-web-server\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/accessible-local-web-server\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/accessible-local-web-server\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/accessible-local-web-server\\\/local-tunnerl-version.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/accessible-local-web-server\\\/local-tunnerl-version.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/accessible-local-web-server\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Make Local Web Server Accessible Online With Localtunnel\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/e7948c7a175d211496331e4b6ce55807\",\"name\":\"Thoriq Firdaus\",\"description\":\"Thoriq is a writer for Hongkiat.com with a passion for web design and development. He is the author of Responsive Web Design by Examples, where he covered his best approaches in developing responsive websites quickly with a framework.\",\"sameAs\":[\"https:\\\/\\\/thoriq.com\",\"https:\\\/\\\/x.com\\\/tfirdaus\"],\"jobTitle\":\"Web Developer\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/thoriq\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Make Local Web Server Accessible Online With Localtunnel - Hongkiat","description":"During the development stage, you may deploy the website in a local server. There you can run, develop, and debug the website on a computer, locally. But","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/accessible-local-web-server\/","og_locale":"en_US","og_type":"article","og_title":"Make Local Web Server Accessible Online With Localtunnel","og_description":"During the development stage, you may deploy the website in a local server. There you can run, develop, and debug the website on a computer, locally. But","og_url":"https:\/\/www.hongkiat.com\/blog\/accessible-local-web-server\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2014-07-22T07:01:52+00:00","article_modified_time":"2023-08-14T09:15:02+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/accessible-local-web-server\/local-tunnerl-version.jpg","type":"","width":"","height":""}],"author":"Thoriq Firdaus","twitter_card":"summary_large_image","twitter_creator":"@tfirdaus","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Thoriq Firdaus","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/accessible-local-web-server\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/accessible-local-web-server\/"},"author":{"name":"Thoriq Firdaus","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807"},"headline":"Make Local Web Server Accessible Online With Localtunnel","datePublished":"2014-07-22T07:01:52+00:00","dateModified":"2023-08-14T09:15:02+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/accessible-local-web-server\/"},"wordCount":434,"commentCount":14,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/accessible-local-web-server\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/accessible-local-web-server\/local-tunnerl-version.jpg","keywords":["Localhost and Webserver"],"articleSection":["Hosting","Web Design"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/accessible-local-web-server\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/accessible-local-web-server\/","url":"https:\/\/www.hongkiat.com\/blog\/accessible-local-web-server\/","name":"Make Local Web Server Accessible Online With Localtunnel - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/accessible-local-web-server\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/accessible-local-web-server\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/accessible-local-web-server\/local-tunnerl-version.jpg","datePublished":"2014-07-22T07:01:52+00:00","dateModified":"2023-08-14T09:15:02+00:00","description":"During the development stage, you may deploy the website in a local server. There you can run, develop, and debug the website on a computer, locally. But","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/accessible-local-web-server\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/accessible-local-web-server\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/accessible-local-web-server\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/accessible-local-web-server\/local-tunnerl-version.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/accessible-local-web-server\/local-tunnerl-version.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/accessible-local-web-server\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Make Local Web Server Accessible Online With Localtunnel"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/e7948c7a175d211496331e4b6ce55807","name":"Thoriq Firdaus","description":"Thoriq is a writer for Hongkiat.com with a passion for web design and development. He is the author of Responsive Web Design by Examples, where he covered his best approaches in developing responsive websites quickly with a framework.","sameAs":["https:\/\/thoriq.com","https:\/\/x.com\/tfirdaus"],"jobTitle":"Web Developer","url":"https:\/\/www.hongkiat.com\/blog\/author\/thoriq\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-5DN","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/21687","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/113"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=21687"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/21687\/revisions"}],"predecessor-version":[{"id":68728,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/21687\/revisions\/68728"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=21687"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=21687"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=21687"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=21687"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}