How To Access Your Localhost Website Running With XAMPP From Another Devices (Like Android Phone)

ThirteeNov

15 Feb 202104:35

Summary

TLDRThis video tutorial explains how to access a local WordPress website hosted on a computer via a mobile phone. The user demonstrates the process using XAMPP on Windows. Key steps include finding the local IP address using the 'ipconfig' command, updating the WordPress URL in the settings, and ensuring the mobile device is connected to the same network as the computer. The video concludes with a test, showing how to access and interact with the WordPress site from a mobile browser. Viewers are reminded to ensure both devices share the same network for successful access.

Takeaways

🔧 The video shows how to access a local website running on a computer from a mobile phone.
🖥️ The user in the video uses XAMPP to run a WordPress local website on their computer.
🔍 To access the website from a mobile device, the local IP address of the computer is needed.
💻 The IP address can be found by pressing the Windows button, typing 'cmd' to open Command Prompt, and typing 'ipconfig'.
📋 Once the IP address is found, it should be copied and used as the URL on the mobile device to access the local website.
🌐 Both the computer and the mobile phone need to be connected to the same network for this to work.
🔗 The new IP-based URL must be set as the default URL in the WordPress dashboard under Settings > General.
✏️ The video demonstrates adding a new post in WordPress and publishing it to test the local site.
📱 The same local IP address and WordPress directory can be entered into a mobile browser to view the local site from the phone.
✅ The process successfully shows how to access and navigate the local WordPress website from a mobile device.

Q & A

What software is used to run the local web server in the video?
-The video uses XAMPP to run a local web server on the computer.
What type of website is being accessed from the local web server?
-The website being accessed is a local WordPress site running on the computer.
What is the first step to access the local website from a mobile phone?
-The first step is to find the local IP address of the computer running the server.
How can you find the local IP address of the computer in Windows?
-You can find the local IP address by pressing the Windows key, typing 'cmd', pressing Enter, and then typing 'ipconfig' in the command prompt.
Why is the local IP address important when accessing the website from a mobile phone?
-The local IP address is used to access the website from another device, like a mobile phone, connected to the same network.
What changes need to be made to the WordPress settings to access the site from a mobile phone?
-You need to update the WordPress URL under the Settings > General section to reflect the local IP address of the computer.
Why is it important for the computer and the mobile phone to be on the same network?
-Both devices must be on the same network for the mobile phone to access the local website running on the computer.
How do you publish a new post on the local WordPress site?
-You can publish a new post by adding a title and content to the post editor, then clicking the 'Publish' button.
How can you access the local website from a mobile phone?
-You can access the website by typing the local IP address followed by the website’s directory path in a mobile browser, such as Chrome.
What is the final step after making changes to the WordPress settings to access the site from a mobile phone?
-The final step is to save the changes in WordPress and ensure the mobile phone is connected to the same network as the computer before accessing the site.

Outlines

00:00

🎶 Introduction and Overview of Local Website Access

The video begins with background music and an introduction to the tutorial on how to access a local website running on a local web server. The speaker is using XAMPP to run a WordPress website on their computer. The video aims to explain how to access this local website from a mobile phone.

💻 Finding Your Local IP Address

The speaker explains the first step, which is finding the local IP address of the computer running the local website. They provide instructions for Windows users: press the Windows key, type 'cmd' to open the command prompt, and then type 'ipconfig'. The local IP address is shown, which needs to be copied for later use.

🌐 Using the Local IP Address on Your Mobile Phone

The speaker instructs viewers to use the copied local IP address to access the website from their mobile phone. They emphasize the importance of using the same network, such as the same Wi-Fi, for both the mobile phone and the computer hosting the website.

🔗 Updating WordPress URL Settings

The video shows how to update the WordPress settings to reflect the new local IP address as the default URL for the website. This is done by going to the WordPress dashboard, navigating to 'Settings' -> 'General', and pasting the new IP address link in both URL fields before saving the changes.

🔒 Logging into WordPress

The speaker demonstrates logging into WordPress with the same admin username and password. They show how to access the WordPress dashboard and prepare the website for further changes or content updates.

📝 Creating and Publishing a New Post

In this segment, the speaker adds a new post to the WordPress website. They enter a title 'My New Post' and add content before publishing it. After publishing, the new post appears live on the local website, and they prepare to check it from the mobile device.

📱 Accessing the Local Website on a Mobile Device

The speaker shifts to demonstrating how to access the local website from their mobile phone. Using Google Chrome, they enter the local IP address followed by the WordPress directory path. The website loads successfully, and the speaker clicks on links to show that the content is accessible from the mobile device.

👋 Closing and Conclusion

The video concludes with a brief farewell. The speaker thanks viewers for watching and encourages them to try accessing their local website from their mobile phones. The video ends with a 'see you next time' message and background music.

Mindmap

Keywords

💡Local website

A local website refers to a website that is hosted on a computer's local server rather than being accessible via the internet. In the video, the speaker demonstrates how to access a local WordPress website running on the computer using XAMPP. The key point is that the website can be viewed from other devices on the same network, like a mobile phone, but is not publicly available.

💡XAMPP

XAMPP is a software package that provides a local web server environment, typically used for web development. It includes Apache (web server), MySQL (database), and PHP (programming language). In the video, the speaker uses XAMPP to run a local WordPress website on their computer, allowing them to develop and test the site before making it publicly available.

💡WordPress

WordPress is a popular content management system (CMS) used to create and manage websites. In this video, the speaker is running a WordPress website locally on their computer, and shows how to configure it to be accessible from a mobile phone. The example given includes editing the site's URL and adding a new post.

💡Local IP address

A local IP address is a unique identifier assigned to each device on a private network, allowing communication between devices. In the video, the speaker finds the computer’s local IP address using the 'ipconfig' command in the Command Prompt. This IP address is then used to access the local WordPress website from a mobile phone.

💡CMD (Command Prompt)

CMD, or Command Prompt, is a command-line interface in Windows where users can input text commands. The video instructs viewers to use CMD to find the local IP address of the computer. This step is crucial for accessing the local website from a mobile device connected to the same network.

💡ipconfig

ipconfig is a command used in the Command Prompt to display a computer’s network configuration, including the local IP address. The video demonstrates how to use this command to find the local IP, which is needed to access the WordPress site from another device on the network.

💡Network

A network refers to a group of devices connected to the same internet or Wi-Fi source, allowing them to communicate with each other. In the video, the speaker emphasizes that both the computer hosting the local website and the mobile phone must be connected to the same network for the mobile device to access the website.

💡URL

A URL (Uniform Resource Locator) is the address used to access websites. In this video, the speaker shows how to update the WordPress site's URL on the dashboard settings after obtaining the local IP address. The new URL must be set so the site can be accessed from a mobile phone within the same network.

💡Settings

Settings in WordPress refer to the options that allow users to configure different aspects of their website. The video shows the speaker navigating to the 'Settings' menu to change the site’s URL. This adjustment ensures the site is accessible through the local IP address from other devices on the network.

💡Post

A post in WordPress is a type of content that can be added to the site, usually part of a blog. The speaker demonstrates how to add a new post titled 'my new post' and publish it to the site. This post can then be accessed through the local WordPress site, which is viewed from the mobile phone.

Highlights

Introduction to accessing local website running on a local web server.

Using XAMPP to run a local WordPress site on a computer.

Steps to access the local website from a mobile phone.

How to find the local IP address using Windows CMD.

Command to use in CMD: type 'ipconfig' to get the local IP address.

Access the local website from your phone using the local IP address.

Change the default URL of your WordPress site to use the local IP.

Steps to update the WordPress URL: Go to settings, paste new link, and save changes.

Important: The phone and computer must be connected to the same network.

Example of using the same Wi-Fi network for both devices.

Demonstration of adding a new post on the local WordPress site.

Checking the newly published post on the local site from a mobile browser.

Example of typing the local IP address and WordPress path in the mobile browser.

Successfully loading the local website on the mobile phone and browsing its content.

Conclusion and thanking viewers for watching the tutorial.