Git Push: การปรับใช้ WordPress จาก GitHub ไปยังโฮสต์เว็บของคุณ

เผยแพร่แล้ว: 2019-05-19

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

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

บทนำสู่ GitHub

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

อย่างไรก็ตาม GitHub มีมากกว่าพื้นที่เก็บข้อมูลมากมาย มันยังส่องแสงในสองส่วนสำคัญอื่น ๆ :

  1. ติดตามการเปลี่ยนแปลง ด้วย GitHub คุณจะมีบันทึกของการเปลี่ยนแปลงทุกอย่างที่คุณทำกับ codebase ของคุณ ตราบใดที่คุณทำข้อตกลงกับมัน
  2. โครงการความร่วมมือ Git ช่วยให้หลายคนสามารถทำงานในโครงการเดียวกันได้ ช่วยหลีกเลี่ยงการเปลี่ยนแปลงที่ขัดแย้งกัน และสร้างความมั่นใจว่าทุกคนจะสามารถเข้าถึง codebase เวอร์ชันล่าสุดได้

เมื่อไม่นานมานี้ เราได้เขียนคู่มือฉบับสมบูรณ์เกี่ยวกับวิธีการเริ่มต้นใช้งาน GitHub หากคุณเพิ่งเริ่มใช้แพลตฟอร์มนี้ เราขอแนะนำให้อ่านบทความนั้นก่อน จากนั้นคุณสามารถกลับมาเริ่มต้นตามขั้นตอนต่อไปนี้ได้!

วิธีการปรับใช้ WordPress จาก GitHub ไปยังโฮสต์เว็บของคุณ (ใน 4 ขั้นตอน)

การพุชรหัสจาก GitHub ไปยังโฮสต์เว็บนั้นไม่ซับซ้อนอย่างที่คิด อย่างไรก็ตาม เพื่อให้กระบวนการนี้ใช้งานได้ ผู้ให้บริการโฮสติ้ง WordPress ของคุณต้องสนับสนุนการเข้าถึง Secure Shell (SSH) และการใช้ Git ซึ่งเป็นทั้งกุญแจสำคัญในการทำให้เกิด 'พุช'

โฮสต์เว็บคุณภาพบางตัวที่รองรับ SSH และ Git รวมถึง SiteGround และ WP Engine แม้ว่าจะไม่ใช่โฮสต์เดียวก็ตาม อย่างไรก็ตาม สำหรับบทช่วยสอนนี้ เราจะเน้นว่ากระบวนการทำงานอย่างไรกับ SiteGround

ขั้นตอนที่ 1: ตั้งค่าพื้นที่เก็บข้อมูลใหม่สำหรับโค้ด WordPress ของคุณ

การตั้งค่าที่เก็บ GitHub นั้นง่ายมาก สำหรับขั้นตอนนี้ คุณอาจต้องการใช้ที่เก็บส่วนตัว เพื่อไม่ให้ใครสามารถเรียกดูโค้ดของไซต์ของคุณได้

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

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

เมื่อกระบวนการเสร็จสมบูรณ์ เมื่อใดก็ตามที่คุณทำการเปลี่ยนแปลงในการติดตั้ง WordPress ในเครื่อง คุณจะสามารถพุชไปยัง GitHub (ต้นทาง) แล้วปรับใช้กับพื้นที่เก็บข้อมูลที่ใช้งานจริงของ SiteGround มาดูกันดีกว่าว่ากระบวนการที่เหลือทำงานอย่างไร

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

โฮสต์เว็บบางแห่ง เช่น SiteGround มีเครื่องมือ Git ในตัวที่คุณสามารถใช้เพื่อซิงค์เว็บไซต์ของคุณกับที่เก็บ (และในทางกลับกัน) ตัวอย่างเช่น SiteGround ช่วยให้คุณสามารถดำเนินการนี้จากแผงควบคุมโดยเลือกเครื่องมือ SG-GIT:

ส่วนหลังของ SiteGround

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

การเลือกคีย์ RSA ของคุณ

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

ขั้นตอนที่ 3: แทนที่ SiteGround ด้วย GitHub เป็นจุดกำเนิดของคุณ

ณ จุดนี้ คุณมีที่เก็บในเครื่องที่มีสำเนาของเว็บไซต์ SiteGround WordPress ของคุณ อย่างไรก็ตาม จุดเริ่มต้นจะถูกตั้งค่าเป็น SiteGround ดังนั้น คุณยังคงต้องรวมเข้ากับ GitHub

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

git remote rename origin production

ถัดไป คุณสามารถโคลนที่เก็บ GitHub ว่างที่คุณสร้างขึ้นในระหว่างขั้นตอนแรก ในการดำเนินการดังกล่าว ให้เข้าถึง GitHub และมองหาปุ่ม 'โคลน' หรือ 'ดาวน์โหลด' ที่ด้านบนของหน้าจอ หน้าต่างจะปรากฏขึ้น รวมถึง URL แบบนี้:

เว็บไซต์ GitHub

ณ จุดนี้ คุณสามารถเรียกใช้คำสั่งนี้จากเทอร์มินัลของคุณ:

git remote add origin [cloning URL goes here]

ตอนนี้มีการวางรากฐานทั้งหมดแล้ว เหลือเพียงผลักที่เก็บโคลนของคุณไปที่ GitHub

ขั้นตอนที่ 4: ผลักดันพื้นที่เก็บข้อมูลของคุณไปที่ GitHub และอัปเดตสภาพแวดล้อมการผลิตของคุณ

ตอนนี้ คุณมีเว็บไซต์ WordPress ใหม่บน SiteGround โดยมีสำเนาอยู่ในที่เก็บในเครื่องของคุณ สิ่งที่คุณต้องทำคือกดรหัสนั้นไปยังที่เก็บ GitHub ที่ว่างเปล่าของคุณ โดยใช้คำสั่งนี้:

git push origin master

หลังจากนั้น คุณจะมีฐานโค้ด WordPress เต็มรูปแบบในทั้งสามจุด นั่นหมายความว่าคุณสามารถเริ่มปรับแต่งโค้ดและไฟล์บนโคลนในเครื่องของคุณได้ เมื่อคุณต้องการอัปเดต สิ่งที่คุณต้องทำคือเรียกใช้คำสั่งสองคำสั่งนี้ตามลำดับจากเทอร์มินัลของคุณ:

  1. git push origin master
  2. git push production master

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

บทสรุป

การใช้ GitHub ทำได้ง่ายกว่าที่คุณคิด โดยเฉพาะอย่างยิ่งขณะนี้มี GUI ที่เป็นมิตรซึ่งคุณสามารถเรียกใช้ได้ ที่สำคัญกว่านั้น มีหลายวิธีที่การใช้การควบคุมเวอร์ชันสามารถช่วยในการพัฒนา WordPress ได้ คุณสามารถใช้เพื่อเก็บรักษาสำเนารหัสของคุณอย่างปลอดภัย ติดตามการเปลี่ยนแปลง เปิดสิ่งต่าง ๆ สำหรับการทำงานร่วมกัน และอีกมากมาย

นอกจากนี้ หากคุณต้องการใช้ GitHub เพื่อปรับใช้เว็บไซต์ WordPress คุณสามารถทำได้ในสี่ขั้นตอนเท่านั้น:

  1. ตั้งค่าพื้นที่เก็บข้อมูลใหม่สำหรับรหัส WordPress ของคุณ
  2. สร้างที่เก็บใหม่ภายในโฮสต์เว็บของคุณ
  3. แทนที่โฮสต์ของคุณด้วย GitHub เป็นจุดเริ่มต้นของคุณ
  4. พุชที่เก็บของคุณไปที่ GitHub และอัปเดตสภาพแวดล้อมการใช้งานจริงของคุณ

คุณมีคำถามใด ๆ เกี่ยวกับวิธีการปรับใช้เว็บไซต์ WordPress จาก GitHub หรือไม่? พูดคุยเกี่ยวกับพวกเขาในส่วนความคิดเห็นด้านล่าง!

ภาพขนาดย่อของบทความโดย Teguh Jati Prasetyo / shutterstock.com