การตั้งค่าสภาพแวดล้อมการพัฒนา WordPress

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

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

ในบทความนี้ เราจะพิจารณาสภาพแวดล้อมการพัฒนาที่แตกต่างกันสองประเภท นอกจากนี้ เราจะแสดงวิธีเริ่มต้นใช้งานทั้งสองตัวเลือกด้วย ถ้าพร้อมแล้วไปดำดิ่งกันเลย!

สภาพแวดล้อมการพัฒนาท้องถิ่นกับระยะไกล

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

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

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

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

ข้อดีของสภาพแวดล้อมการพัฒนาระยะไกล

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

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

วิธีการตั้งค่าสภาพแวดล้อมการพัฒนาระยะไกล

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

ขั้นตอนที่ 1: เลือกและกำหนดค่าแอปพลิเคชันการพัฒนาระยะไกล

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

ในการทำเช่นนี้ คุณสามารถใช้ผลิตภัณฑ์เช่น DigitalOcean หรือ Visual Studio

สิ่งเหล่านี้แตกต่างกันในสิ่งที่พวกเขาเสนอ แต่ท้ายที่สุดก็บรรลุภารกิจเดียวกัน ตัวอย่างเช่น ด้วย Visual Studio Code คุณจะได้รับโปรแกรมแก้ไขโค้ดที่ซับซ้อนซึ่งกลายเป็นสภาพแวดล้อมการพัฒนาผ่านส่วนขยายระยะไกลที่คุณเลือก

คุณยังสามารถใช้ Amazon Elastic Compute Cloud (Amazon EC2) สำหรับการพัฒนาระยะไกลได้อีกด้วย

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

ขั้นตอนที่ 2: ติดตั้งเครื่องมือและปลั๊กอินที่จำเป็น

ไม่ว่าคุณจะเลือกสภาพแวดล้อมการพัฒนาทางไกลแบบใด มีชุดแอปพลิเคชันเฉพาะที่คุณต้องใช้เพื่อตั้งค่า WordPress เหล่านี้รวมถึง:

• ลินุกซ์ นี่คือระบบปฏิบัติการ (OS) ที่จำเป็นอย่างยิ่งในการรัน WordPress เราจะพูดถึงรายละเอียดในภายหลังเมื่อเราพูดถึงสภาพแวดล้อมการพัฒนาท้องถิ่น แต่พอเพียงที่จะกล่าวว่าหากมี 3 รายการต่อไปนี้ ก็สามารถทำงานร่วมกับ OS อื่นๆ เช่น Mac และ Windows ได้เช่นกัน
• อาปา เช่ ด้วยเว็บไซต์ที่ใช้งานจริง เว็บเซิร์ฟเวอร์เลเยอร์คือที่ที่คำขอของเบราว์เซอร์ได้รับการตอบสนองและส่งกลับไปยังผู้ใช้เว็บไซต์ของคุณ ในสภาพแวดล้อมการพัฒนา สิ่งนี้ก็เป็นจริงเช่นกัน ข้อแตกต่างเพียงอย่างเดียวคือเซิร์ฟเวอร์ของคุณไม่ได้ชี้ไปที่โดเมนจริง
• มายเอสคิวแอล MySQL เป็นโซลูชันฐานข้อมูลยอดนิยมและฟรีที่สุด นี่เป็นสิ่งสำคัญสำหรับสภาพแวดล้อมการพัฒนา WordPress ของคุณ เนื่องจากเป็นที่จัดเก็บข้อมูลทั้งหมดที่เว็บไซต์ของคุณต้องการ
• พีพีเอ ช องค์ประกอบอื่น ๆ ทั้งหมดในสแต็กต้องการ 'เสียง' และนั่นคือที่มาของ PHP Hypertext Preprocessor (PHP) เป็นภาษาที่จำเป็นสำหรับ WordPress ในการทำงาน

แอปพลิเคชันเหล่านี้เรียกว่า 'LAMP stack' และสามารถเพิ่มลงในสภาพแวดล้อมการพัฒนาระยะไกลได้หลายวิธี ตัวอย่างเช่น หากคุณใช้ DigitalOcean คุณจะทำงานร่วมกับ Droplets เพื่อสร้าง LAMP stack สำหรับ WordPress

หากคุณใช้ Amazon EC2 การตั้งค่าสำหรับการพัฒนา WordPress จะเป็นแบบแมนนวลมากกว่าเล็กน้อย แต่ก็ยังสามารถทำได้ในเวลาประมาณห้านาที

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

ขั้นตอนที่ 3: เข้าถึงสภาพแวดล้อมของคุณ

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

ความเฉพาะเจาะจงของวิธีการเชื่อมต่อจะขึ้นอยู่กับผลิตภัณฑ์ที่คุณเลือก ตัวอย่างเช่น ที่ WP Engine เรามีตัวเลือกเกตเวย์ SSH สำหรับนักพัฒนา

ข้อดีของสภาพแวดล้อมการพัฒนาท้องถิ่น

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

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

การตั้งค่าสภาพแวดล้อม WordPress ท้องถิ่น

การตั้งค่าสภาพแวดล้อม WordPress ในเครื่องนั้นค่อนข้างง่าย มีแอปพลิเคชันสำหรับการพัฒนาในท้องถิ่นหลายตัว เช่น Local by Flywheel ที่ทำให้ขั้นตอนการตั้งค่านั้นง่ายอย่างเหลือเชื่อ

โปรดทราบว่าการพัฒนาในเครื่องสำหรับ WordPress ยังต้องใช้ LAMP stack อย่างไรก็ตาม โซลูชันบางอย่างจะใช้คำเช่น WAMP หรือ MAMP แทน เนื่องจากได้รับการออกแบบมาสำหรับใช้กับ Windows หรือ Mac OS มากกว่า Linux

ขั้นตอนที่ 1: เลือกและกำหนดค่าแอปพลิเคชันการพัฒนาท้องถิ่นของคุณ

มีแอปพลิเคชั่นการพัฒนาท้องถิ่นที่ยอดเยี่ยมมากมายให้เลือก เราได้กล่าวถึง Local โดย Flywheel แล้ว แต่ Varying Vagrant Vagrants (VVV) เป็นอีกหนึ่งเครื่องมือในการพัฒนาท้องถิ่นที่ WordPress แนะนำให้พิจารณา หากคุณมีแผนอยู่แล้วที่ WP Engine คุณยังสามารถดูที่ Local เพื่อดูโซลูชันการพัฒนาในพื้นที่

เมื่อคุณตั้งค่าโซลูชันที่คุณเลือกแล้ว คุณจะสามารถเริ่มการพัฒนาตั้งแต่เริ่มต้นหรือนำเข้าเว็บไซต์ที่มีอยู่เพื่อทำงาน ตัวอย่างเช่น ด้วย Local by Flywheel คุณสามารถใช้ไฟล์ .zip ของเว็บไซต์ที่ดาวน์โหลดมาเพื่อเริ่มต้น หากคุณเริ่มต้นจากศูนย์และออกแบบเว็บไซต์ใหม่ แอปพลิเคชันในพื้นที่ส่วนใหญ่จะมีโซลูชันการติดตั้งแบบคลิกเดียวสำหรับการตั้งค่าสภาพแวดล้อมสำหรับใช้กับ WordPress

ขั้นตอนที่ 2: เลือกโปรแกรมแก้ไขข้อความ

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

WordPress มีโปรแกรมแก้ไขข้อความที่แนะนำสำหรับการพัฒนา ซึ่งรวมถึง Atom, Sublime Text และ PhpStorm มีตัวเลือกอื่นๆ เช่นกัน ดังนั้นคุณจะต้องทำงานกับสิ่งที่สะดวกสบายที่สุดและเหมาะสมกับเวิร์กโฟลว์ที่คุณมีอยู่

ขั้นตอนที่ 3: เลือกเว็บเบราว์เซอร์ที่เป็นมิตรกับนักพัฒนา

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

พัฒนาสิ่งที่น่าทึ่งด้วย WP Engine

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

ตรวจสอบแผน WordPress และโซลูชันการพัฒนาของเรา แล้วให้เราช่วยคุณสร้างสิ่งที่น่าทึ่ง!