วิธีสร้างโฮสต์เว็บในบ้านของคุณ (พร้อมรูปภาพ)

สารบัญ:

วิธีสร้างโฮสต์เว็บในบ้านของคุณ (พร้อมรูปภาพ)
วิธีสร้างโฮสต์เว็บในบ้านของคุณ (พร้อมรูปภาพ)

วีดีโอ: วิธีสร้างโฮสต์เว็บในบ้านของคุณ (พร้อมรูปภาพ)

วีดีโอ: วิธีสร้างโฮสต์เว็บในบ้านของคุณ (พร้อมรูปภาพ)
วีดีโอ: (ENG SUB) สอนตัดต่อวีดีโอ iMovie ใน iPhone ตั้งแต่เริ่มจนจบ (มือใหม่ก็ทำได้) | CrossCutting 2024, อาจ
Anonim

บทความวิกิฮาวนี้จะแนะนำวิธีการโฮสต์เว็บไซต์บนเครือข่ายในบ้านของคุณเอง คุณจะใช้โปรแกรมฟรีที่เรียกว่า MAMP เพื่อดำเนินการดังกล่าว

ขั้นตอน

ส่วนที่ 1 จาก 6: การเตรียมโฮสต์เว็บไซต์

สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 1
สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 1

ขั้นตอนที่ 1 ตรวจสอบให้แน่ใจว่าผู้ให้บริการอินเทอร์เน็ตของคุณอนุญาตให้โฮสต์

แม้ว่าการโฮสต์ในพื้นที่ในช่วงเวลาสั้นๆ มักจะใช้ได้โดยไม่คำนึงถึงนโยบายของผู้ให้บริการอินเทอร์เน็ตของคุณ การสร้างเว็บไซต์ที่มีปริมาณการใช้ข้อมูลจำนวนมากจากเครือข่ายอื่นอาจขัดต่อข้อกำหนดการใช้งานของ ISP ของคุณ

ในกรณีส่วนใหญ่ คุณสามารถอัปเกรดแผนอินเทอร์เน็ตของคุณเป็นบัญชี "ธุรกิจ" (หรือคล้ายกัน) เพื่อเปิดใช้งานการสนับสนุนสำหรับโฮสติ้งขนาดใหญ่ขึ้น

สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 2
สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 2

ขั้นตอนที่ 2 สร้างซอร์สโค้ดของเว็บไซต์ของคุณหากจำเป็น

หากคุณไม่มีเอกสารเว็บไซต์ที่ใช้กับโฮมเพจได้ คุณจะต้องสร้างเอกสารขึ้นมา

สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 3
สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 3

ขั้นตอนที่ 3 ติดตั้งโปรแกรมแก้ไขข้อความที่สามารถจัดการเอกสาร PHP

ขึ้นอยู่กับว่าคุณใช้คอมพิวเตอร์ Windows หรือ Mac ซึ่งจะแตกต่างกันไป:

  • Windows - Notepad++ เป็นทางออกที่ดีที่สุดของคุณ
  • Mac - ดาวน์โหลด text editor ชื่อ "BBEdit" ได้ฟรี โดยไปที่ https://www.barebones.com/products/bbedit/ แล้วคลิก ดาวน์โหลดฟรี ที่ด้านขวาของหน้า

ส่วนที่ 2 จาก 6: การติดตั้ง MAMP

สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 4
สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 4

ขั้นตอนที่ 1 เปิดเว็บไซต์ MAMP

ไปที่ https://www.mamp.info/en/downloads/ ในเว็บเบราว์เซอร์ของคอมพิวเตอร์ของคุณ

ตรวจสอบให้แน่ใจว่าคุณกำลังทำสิ่งนี้บนคอมพิวเตอร์ที่คุณต้องการโฮสต์เซิร์ฟเวอร์ของคุณ

สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 5
สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 5

ขั้นตอนที่ 2 เลือกตัวเลือกการดาวน์โหลด

คลิกอย่างใดอย่างหนึ่ง MAMP & MAMP PRO 4.0.1 สำหรับ MAMP หรือ. เวอร์ชัน Windows MAMP & MAMP PRO 5.0.1 สำหรับ MAMP เวอร์ชัน Mac ไฟล์ติดตั้ง MAMP จะเริ่มดาวน์โหลด

คุณอาจต้องยืนยันการดาวน์โหลดหรือเลือกตำแหน่งบันทึกก่อนจึงจะสามารถดาวน์โหลดไฟล์ได้

สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 6
สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 6

ขั้นตอนที่ 3 รอให้ MAMP ดาวน์โหลดเสร็จ

เมื่อดาวน์โหลดไฟล์ติดตั้ง MAMP ลงในคอมพิวเตอร์ของคุณแล้ว คุณสามารถดำเนินการต่อได้

สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 7
สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 7

ขั้นตอนที่ 4 ดับเบิลคลิกไฟล์ติดตั้ง MAMP

เพื่อเปิดหน้าต่างการติดตั้ง

สำหรับ Mac นี่เป็นไฟล์ PKG

สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 8
สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 8

ขั้นตอนที่ 5. ทำตามคำแนะนำในการติดตั้งบนหน้าจอ

ส่วนใหญ่จะต่างกันไปตามระบบปฏิบัติการของคอม แต่อย่าลืมยกเลิกการเลือกช่อง "Install MAMP PRO" ถ้าเลือกไว้ระหว่างติดตั้ง

สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 9
สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 9

ขั้นตอนที่ 6. รอให้ MAMP ติดตั้งเสร็จ

เมื่อติดตั้ง MAMP เสร็จแล้ว คุณสามารถกำหนดค่าต่อได้

ส่วนที่ 3 จาก 6: การกำหนดค่า MAMP

สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 10
สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 10

ขั้นตอนที่ 1. เปิด MAMP

คลิกหรือดับเบิลคลิกไอคอนแอพช้างสีเทาเพื่อดำเนินการดังกล่าว คุณควรเห็นหน้าต่างแดชบอร์ด MAMP ปรากฏขึ้น

สำหรับ Mac คุณจะพบไอคอนแอป MAMP ภายในโฟลเดอร์แอปพลิเคชัน

สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 11
สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 11

ขั้นตอนที่ 2 คลิก ใช้พอร์ตว่างถัดไป เมื่อได้รับแจ้ง

ซึ่งจะทำให้ MAMP สามารถข้ามโดยใช้พอร์ต 80 แทนการใช้พอร์ตว่างถัดไป

ในแทบทุกกรณี MAMP จะใช้พอร์ต 81 หากพอร์ต 80 ไม่ว่าง

สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 12
สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 12

ขั้นตอนที่ 3 คลิก ใช่ เมื่อได้รับแจ้ง

การทำเช่นนั้นจะทำให้ MAMP ใช้พอร์ตที่เลือกได้

สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 13
สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 13

ขั้นตอนที่ 4 ยืนยันคำขอไฟร์วอลล์

หากคุณใช้คอมพิวเตอร์ Windows ไฟร์วอลล์จะขออนุญาตเพื่อให้ทั้ง Apache และ MySQL ผ่าน คลิก อนุญาต ในข้อความแจ้งทั้งสองก่อนที่จะดำเนินการต่อ

ข้ามขั้นตอนนี้ใน Mac

ส่วนที่ 4 จาก 6: การอัปโหลดเว็บไซต์ของคุณ

สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 14
สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 14

ขั้นตอนที่ 1 คัดลอกซอร์สโค้ดของเว็บไซต์ของคุณ

เปิดเอกสารที่มีซอร์สโค้ดของเว็บไซต์ของคุณ ไฮไลต์ข้อความของเอกสาร แล้วกด Ctrl+C (Windows) หรือ ⌘ Command+C (Mac)

สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 15
สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 15

ขั้นตอนที่ 2 คลิกการตั้งค่า…

ทางซ้ายของหน้าต่าง MAMP เพื่อเปิดหน้าต่าง pop-up

สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 16
สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 16

ขั้นตอนที่ 3 คลิกแท็บเว็บเซิร์ฟเวอร์

ที่เป็นตัวเลือกทางด้านบนของหน้าต่างป๊อปอัป

สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 17
สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 17

ขั้นตอนที่ 4 คลิกเปิด

มันอยู่กลางหน้าต่าง เพื่อเปิดโฟลเดอร์ MAMP "htdocs"

ถ้าใช้ Mac ให้คลิกไอคอนรูปโฟลเดอร์ทางขวาของหัวข้อ "Document Root"

สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 18
สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 18

ขั้นตอนที่ 5. เปิดไฟล์ "index.php"

คลิกขวาที่ไฟล์ "index.php" จากนั้นคลิก แก้ไขด้วย Notepad++ ในเมนูที่ขยายลงมา

สำหรับ Mac คลิกหนึ่งครั้งที่ไฟล์ "index.php" คลิก ไฟล์, เลือก เปิดด้วย และคลิก BBEdit ตัวเลือก. หากไม่ได้ผล ให้เปิด BBEdit จากนั้นลากไฟล์ "index.php" ไปไว้ในหน้าต่าง

สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 19
สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 19

ขั้นตอนที่ 6. แทนที่เนื้อหาของไฟล์ "index.php" ด้วยซอร์สโค้ดของคุณ

กด Ctrl+A (Windows) หรือ ⌘ Command+A (Mac) เพื่อเลือกข้อความทั้งหมดในเอกสาร "index.php" จากนั้นกด Ctrl+V หรือ ⌘ Command+V เพื่อวางซอร์สโค้ดของเว็บไซต์ที่คัดลอก

สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 20
สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 20

ขั้นตอนที่ 7 บันทึกเอกสาร

กด Ctrl+S (Windows) หรือ ⌘ Command+S (Mac)

สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 21
สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 21

ขั้นตอนที่ 8 ปิดเอกสารและโฟลเดอร์โฮสต์

ซึ่งควรนำคุณกลับไปที่หน้าต่างป๊อปอัป "Preferences" ของ MAMP

สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 22
สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 22

ขั้นตอนที่ 9 คลิกตกลง

ที่ด้านล่างของหน้าต่าง การทำเช่นนั้นจะบันทึกการตั้งค่าของคุณและปิดหน้าต่างป๊อปอัป

ส่วนที่ 5 จาก 6: การเข้าถึงเว็บไซต์ของคุณ

สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 23
สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 23

ขั้นตอนที่ 1 คลิกเริ่มเซิร์ฟเวอร์

ทางขวาของหน้าต่าง

สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 24
สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 24

ขั้นตอนที่ 2 คลิกเปิดหน้าเริ่มต้น

คุณจะพบตัวเลือกนี้ทางซ้ายของหน้าต่าง หน้าเริ่มต้นของ MAMP จะเปิดขึ้นในเว็บเบราว์เซอร์เริ่มต้นของคุณ

สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 25
สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 25

ขั้นตอนที่ 3 คลิกแท็บ เว็บไซต์ของฉัน

ที่ด้านบนของหน้า เพื่อเปิดเว็บไซต์ของคุณ

สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 26
สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 26

ขั้นตอนที่ 4 ตรวจสอบเว็บไซต์ของคุณ

เลื่อนดูเว็บไซต์ของคุณเพื่อดูข้อมูลทั้งหมด

สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 27
สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 27

ขั้นตอนที่ 5. ตรวจสอบที่อยู่เว็บไซต์ของคุณ

คุณสามารถค้นหาที่อยู่ของเว็บไซต์ได้ในแถบที่อยู่ที่ด้านบนของเบราว์เซอร์ ที่อยู่เว็บไซต์ของคุณควรเป็นแบบ "localhost:81" นี่คือที่อยู่ที่คุณจะป้อนเพื่อเข้าถึงเว็บไซต์ของคุณเมื่อคุณอยู่ในเครือข่ายปัจจุบันของคุณในขณะที่ MAMP กำลังทำงานอยู่

ตอนที่ 6 จาก 6: การดูเว็บไซต์ของคุณจากคอมพิวเตอร์เครื่องอื่น

สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 28
สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 28

ขั้นตอนที่ 1 ตรวจสอบให้แน่ใจว่าเว็บไซต์ของคุณใช้งานได้จริง

เพื่อให้คุณสามารถเข้าถึงเว็บไซต์ของคุณได้ คุณจะต้องมี MAMP และทำงานบนคอมพิวเตอร์โฮสต์ของคุณ

คุณไม่สามารถเชื่อมต่อกับเว็บไซต์ของคุณได้หากปิด MAMP (หรือคอมพิวเตอร์โฮสต์)

สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 29
สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 29

ขั้นตอนที่ 2 ตั้งค่าที่อยู่ IP แบบคงที่สำหรับคอมพิวเตอร์โฮสต์ของคุณ

ที่อยู่ IP แบบคงที่จะช่วยให้แน่ใจว่าที่อยู่ IP ของคอมพิวเตอร์ของคุณจะไม่เปลี่ยนแปลง ดังนั้นตรวจสอบให้แน่ใจว่าที่อยู่เว็บไซต์ของคุณยังคงสอดคล้องกัน:

  • เปิดหน้าเราเตอร์ของคุณ
  • เข้าสู่ระบบหากจำเป็น
  • ค้นหารายการคอมพิวเตอร์ที่เชื่อมต่ออยู่ในปัจจุบัน
  • หาชื่อคอม.
  • เลือก จอง หรือ ล็อค ตัวเลือกถัดจากที่อยู่ IP ของคอมพิวเตอร์ของคุณ
สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 30
สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 30

ขั้นตอนที่ 3 ส่งต่อพอร์ต "Apache" ของ MAMP บนเราเตอร์ของคุณ

ซึ่งจะเกี่ยวข้องกับการเปิดส่วน "การส่งต่อพอร์ต" ของเราเตอร์ของคุณ เพิ่มพอร์ตที่คุณใช้สำหรับ Apache เมื่อกำหนดค่า MAMP และบันทึกการตั้งค่าของคุณ

คุณสามารถดูพอร์ตที่ Apache ใช้โดยคลิก ค่ากำหนด… ในแดชบอร์ด MAMP คลิก พอร์ต และดูหมายเลขถัดจากหัวข้อ "Apache"

สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 31
สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 31

ขั้นตอนที่ 4 ค้นหาที่อยู่ IP สาธารณะของคอมพิวเตอร์โฮสต์ของคุณ

วิธีที่ง่ายที่สุดคือการเปิด Google พิมพ์ว่า my ip คืออะไร แล้วกด ↵ Enter คุณควรเห็นที่อยู่ IP สาธารณะของคอมพิวเตอร์ของคุณที่ด้านบนของผลการค้นหา

สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 32
สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 32

ขั้นตอนที่ 5. ใช้คอมพิวเตอร์ในเครือข่ายอื่น

เพื่อป้องกันความขัดแย้งระหว่างโฮสต์ท้องถิ่นของเครือข่ายและที่อยู่ IP สาธารณะ ให้ลองเชื่อมต่อกับเว็บไซต์ของคุณโดยใช้คอมพิวเตอร์เครื่องอื่นที่ไม่ใช่คอมพิวเตอร์โฮสต์ในเครือข่ายอื่น

สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 33
สร้างโฮสต์เว็บในบ้านของคุณ ขั้นตอนที่ 33

ขั้นตอนที่ 6 ไปที่เว็บไซต์ของคุณ

ใช้คอมพิวเตอร์ในเครือข่ายอื่น เปิดเว็บเบราว์เซอร์ พิมพ์ที่อยู่ IP สาธารณะของคอมพิวเตอร์โฮสต์ พิมพ์โคลอน (:) พิมพ์หมายเลขพอร์ต Apache แล้วกด ↵ Enter สิ่งนี้ควรนำคุณไปยังเว็บไซต์

เช่น หากที่อยู่ IP สาธารณะของคอมพิวเตอร์โฮสต์คือ "123.456.78.901" และคุณใช้พอร์ต 81 สำหรับ Apache ให้พิมพ์ 123.456.78.901:81 แล้วกด ↵ Enter

วิดีโอ - การใช้บริการนี้ อาจมีการแบ่งปันข้อมูลบางอย่างกับ YouTube

เคล็ดลับ

  • ทางที่ดีควรใช้คอมพิวเตอร์รุ่นเก่าเพื่อโฮสต์เซิร์ฟเวอร์ของคุณ
  • หากเป็นไปได้ ให้เชื่อมต่อคอมพิวเตอร์โฮสต์กับเราเตอร์ผ่านสายอีเทอร์เน็ต

แนะนำ: