• Digital Ocean

    การสร้างเว็บไซต์เวิร์ดเพรสด้วย digital ocean ตอนที่ 18 สร้าง subdomain

    อยากมีเว็บ blog.select2web.com อีกสักเว็บก็ต้องไปสร้างเป็น subdomain อยากมีเว็บ live.select2web.com อีกสักเว็บก็ต้องไปสร้างเป็น subdomain การสร้าง subdomain นั้นเราไม่ต้องไปยุ่งอะไรกับ z.com เว็บที่เราจดโดเมนไว้ เราทำที่ DigitalOcean อย่างเดียว การทำงานมันเป็นอย่างนี้ ไม่ว่าเราจะเข้าเว็บด้วย blog.select2web.com หรือ live.blog.select2web.com หรือ diary.blog.select2web.com คือขอให้มันมีโดเมน blog.select2web.com เถอะ z.com มันจะส่งมาขอข้อมูลที่ DigitalOcean ทั้งหมด ถามว่าอ้าวทำไมมาขอข้อมูลที่ DigitalOcean ตอบว่าเอ๊าก็เซ็ต DNS ที่ z.com ไว้ว่า ns1.digitalocean.com ผมจะสร้าง subdomain ชื่อ staging นะตามมา 1.คลิกๆไปที่ชื่อของเรา จากนั้นคลิกชื่อ DOMAIN 2.คลิกที่แท็บ A HOSTNAME : ป้อน stagingWILL DIRECT TO : […]

    READ MORE
  • Digital Ocean

    การสร้างเว็บไซต์เวิร์ดเพรสด้วย digital ocean ตอนที่ 17 remote login เข้า droplet ด้วย putty

    บทก่อนหน้านี้เราได้ใส่ public key ไว้ใน droplet ของเราแล้ว ตอนนี้ก็มาถึงเวลาใช้โปรแกรม putty ทำ remote login เข้าไปยัง droplet 1.ดาวน์โหลดโปรแกรม putty มาจาก https://www.chiark.greenend.org.uk/~sgtatham/putty/latest.html เลือก 32 หรือ 64 บิตก็ได้ตามใจชอบ ใช้เหมือนกัน 2.หลังจากดาวน์โหลดมาเสร็จแล้ว ให้เปิดโปรแกรม putty ขึ้นมาเลย จากนั้นคลิกไปที่ Connection > SSH > Auth ในช่อง Private key file for authentication: ให้เลือก private key ไฟล์ที่เราสร้างไว้ในบทก่อนหน้านี้ 3.คลิกไปที่เมนู Session จากนั้นในช่อง Host Name (or IP address) ป้อนหมายเลข IP ของ droplet […]

    READ MORE
  • Digital Ocean

    การสร้างเว็บไซต์เวิร์ดเพรสด้วย digital ocean ตอนที่ 16 สร้าง public key, private key แล้วเอา public key ไปฝังที่ droplet ด้วย puttygen

    ทำตามนี้ครับ 1.ไปดาวน์โหลดโปรแกรม puttygen มาก่อนจากที่นี่ https://www.puttygen.com/download-putty เลื่อนลงไปด้านล่างๆนะ หา puttygen.exe โหลดมาสักเวอร์ชั่น จะ 32 หรือ 64 ก็ได้เหมือนกัน 2.หลังจากดาวน์โหลด puttygen มาแล้วให้เปิดมันขึ้นมา แล้วคลิกปุ่ม Generate 3.ขยี้เม้าส์ไปตรงที่กากบาทสีแดงไว้ ขยี้ไปเลยจะม้วนๆ ขึ้นๆลงๆ ทะแยงๆ จนกว่าแถบเขียวนั่นจะ 100% 4.คลิกปุ่ม Save public key บันทึก public key เก็บไว้ จะตั้งชื่อว่าอะไรก็แล้วแต่ชอบ ชื่อไฟล์น่ะ ตัวผมเองผมมักจะตั้งลงท้ายด้วย public-key เพราะจะได้จำได้ว่ามันเป็น public key 5.คลิกปุ่ม Save private key บันทึกเป็นไฟล์ไว้ จะตั้งชื่ออะไรก็ตามชอบอีกนั่นแหละแต่แนะนำว่าตั้งให้มันคู่กันกับ public key เมื่อกี้หน่อย จะได้รู้ว่ามันคู่กัน ถ้าหากมีหน้าต่างเล็กขึ้นมาถามอะไรสักอย่าง ไม่ต้องสนใจมัน คลิก Yes ไป […]

    READ MORE
  • Digital Ocean

    การสร้างเว็บไซต์เวิร์ดเพรสด้วย digital ocean ตอนที่ 15 ล้อกอินเข้าเซิฟเวอร์ด้วย putty

    บอกตามตรงเลยนะว่าผมเนี่ยไม่ชอบล้อกอินเข้า droplet ด้วย Access console ที่ทาง DigitalOcean ให้มาเลย คือมันก็ดีนะที่ไม่ต้องติดตั้งโปรแกรมอะไรเพิ่มเติม เพียงแต่ว่ามันชอบช้า มันไม่ได้ช้าเพราะตัว console หรอก มันช้าเพราะอี Chrome นี่แหละ ไม่รู้มันจะกินแรมอะไรกันนักกันหนา ขอแม่บ่นหน่อยเถอะ เอาละ ทีนี้เมื่อไม่ชอบ console ตัวนั้นมันก็มีทางออกอีกทางคือใช้โปรแกรม putty เป็นตัว remote login เข้า droplet ทีนี้พอพูดถึง putty มันก็จะมีศัพท์ให้ต้องทำความรู้จัก ก็คือ SSH : มันเป็นช่องทางสำหรับล้อกอินโดยอาศัยคีย์ 2 คีย์คือ public key กับ private คีย์ public key จะฝังไว้ที่เซิฟเวอร์ private key เราใช้ส่งไปเป็นตัวยืนยันว่านี่น้องเอง โดยเราไม่จำเป็นจะต้องจำรหัสผ่าน การใช้ SSH มันจะปลอดภัยมากเพราะว่า คีย์มันโคตรจะอัศจรรย์ Putty : […]

    READ MORE
  • Digital Ocean

    การสร้างเว็บไซต์เวิร์ดเพรสด้วย digital ocean ตอนที่ 14 จัดการฐานข้อมูล remotely ด้วย workbench

    คนอื่นชอบยังไงผมไม่รู้นะ ตัวผมเองถ้าจะจัดการฐานข้อมูล mySQL ผมจะใช้โปรแกรม workbench จัดการเอา ง่ายดี อยากลองใช้ก็ไปดาวน์โหลดมาติดตั้งเอา https://dev.mysql.com/downloads/workbench/ มาดูวิธีการ connect เพื่อเข้าไปดูฐานข้อมูลด้วย workbench กัน 1.เปิด workbench ขึ้นมาแล้วคลิกปุ่มเครื่องหมาย + 2.ตั้งค่าConnection Name: ป้อนชื่ออะไรก็ได้ที่เราไว้สำหรับจำเองConnection Method: เลือกเป็น Standard TCP/IP over SSHSSH Hostname: ป้อนหมายเลข IP ของ droplet ต่อท้ายด้วย :22 พอร์ต 22 นะจาSSH Username: ป้อน rootSSH Password: คลิกปุ่ม Store in Vault… แล้วป้อนรหัสผ่านสำหรับ rootMySQL Hostname: ปล่อยให้เป็น 127.0.0.1 อย่างนั้นแหละMySQL Server Port: ปล่อยให้เป็น 3306Username: […]

    READ MORE
  • Digital Ocean

    การสร้างเว็บไซต์เวิร์ดเพรสด้วย digital ocean ตอนที่ 13 https

    เขาบอกว่าเว็บที่เป็น https นั้นจะได้คะแนนใน google สูงกว่าเว็บที่เป็น http ธรรมดา แล้วเดี๋ยวนี้นี่ใบเซอร์ดิจิตอลเราไม่ต้องซื้อแล้ว (สำหรับเว็บที่ไม่ใช่เว็บหลักล้านเน้อ ถ้าเว็บหลักล้านก็ซื้อเห้อะ เสียเงินไม่กี่บาท จะได้ไม่ต้องมาเจนกันบ่อยๆ) digital ocean droplet LAMP ที่เลือกเขาจะติดตั้งคำสั่งสำหรับขอใบเซอร์ดิจิตอลจาก letsencypt มาให้ พิมพ์คำสั่งจึกเดียว เว็บจะขึ้นต้นด้วย https ทันที ทำงี้ 1.เปิด Access console ขึ้นมา 2.ล้อกอินให้เรียบร้อย 3.พิมพ์คำสั่ง แล้วกด enter จากนั้นก็ทำตามสิ่งที่ระบบถามทางหน้าจออีกขั้นตอนหนึ่ง ก็เรียบร้อย คือขั้นตอนนั้นผมไม่มีภาพมาให้ดูเพราะว่า ผมทำคำสั่ง letsencrypt ไปหลายรอบแล้ว มันบอกว่ามึงจะถี่ไปไหน ก็เลยไม่มีภาพมาให้ หลังเครื่องหมาย -d เป็นชื่อเว็บไซต์ของท่านเองเด้อ อย่ามาก้อปของผม อ่านที่เขาให้เลือกที่หน้าจอไปนะครับ ถ้าเขาถามอะไรเกี่ยวกับ redirect ให้เลือกหมายเลข 2 แล้วกด enter แค่นั้นแหละ เดี๋ยวที่เหลือระบบมันทำให้เอง จากนั้นลองเข้าเว็บตัวเองด้วย https […]

    READ MORE
  • Digital Ocean

    การสร้างเว็บไซต์เวิร์ดเพรสด้วย digital ocean ตอนที่ 12 ตั้งค่า permalink

    ติดตั้งเวิร์ดเพรสเสร็จแล้ว ก่อนจะไปทำอย่างอื่น เราต้องตั้ง permalink ให้ url มันสวยงามเสียก่อน จาก url แบบนี้ เอาให้มันเหลือสั้นๆหน่อย แบบนี้ พอเขียนบทความนี้ผมเพิ่งทราบจริงๆนะว่า ถ้าเราสร้างไฟล์ .htaccess ไว้ก่อนที่จะติดตั้งเวิร์ดเพรส ค่าดีฟอลต์ url มันไม่ได้เป็นแบบนี้แล้ว เมื่อก่อนมันเป็นแบบนี้เลยนะ เอาละช่างมัน ข้ามๆไป ให้เราเข้าไปตั้งค่า permalinks ตามนี้ 1.คลิก Settings > Permalinks เลือก Post name แล้วคลิกปุ่ม Save Change จบ แค่นี้แหละ

    READ MORE
  • Digital Ocean

    การสร้างเว็บไซต์เวิร์ดเพรสด้วย digital ocean ตอนที่ 11 ติดตั้งเวิร์ดเพรส

    ก่อนอื่นต้องขอโทษไว้ก่อนว่า การติดตั้งเวิร์ดเพรสในบทความนี้ผมติดตั้งไว้บน subdomain ชื่อว่า diary ถ้าท่านอ่านบทความมาก่อนหน้านี้ผมจะใช้โดเมนชื่อ wordpress-ayothaya.com เหตุที่ไม่ได้ใช้โดเมนเดิมก็เพราะว่าผมไม่ได้ซื้อโดเมน wordpress-ayothaya.com ไว้ บทความหลังจากนี้ไปผมจึงทำอยู่บน diary.select2web.com แทน บทความก่อนหน้านี้ถูกต้องทุกประการ ทำตามได้โดยผมเอาคอเข้าประกันว่าบทความถูกต้อง ถ้าท่านเข้าใจบทความก่อนหน้านี้ ท่านก็จะเข้าใจบทความต่อจากนี้ไป 1.ไปดาวน์โหลดโค้ดเวิร์ดเพรสมาจาก https://wordpress.org/download/ แล้วอัปโหลดขึ้นไปเก็บไว้ที่ document root ของเรา 2.เสร็จแล้วคลิกขวาบนพื้นที่ว่างๆ แล้วเลือก Create new file เราจะสร้างไฟล์ .htaccess ให้เวิร์ดเพรสใช้ 3.สร้างไฟล์ชื่อ .htaccess แล้วคลิกขวาเลือก File permission. 4.ป้อน 777 แล้วคลิก OK 5.เข้าไปที่ /wp-content แล้วคลิกขวาเลือก Create directory สร้างโฟลเดอร์ชื่อ uploads 6.คลิกขวาโฟลเดอร์ uploads เลือก File permission… 7.ระบุเป็น 777 แล้วคลิกปุ่ม […]

    READ MORE
  • Digital Ocean

    การสร้างเว็บไซต์เวิร์ดเพรสด้วย digital ocean ตอนที่ 10 ตรวจ vhost

    หลังจากที่สร้าง vhost มาแล้วจากบทก่อน คาดเดาเอาว่าตอนนี้เว็บไซต์เราสามารถเรียกใช้งานได้จากชื่อโดเมนแล้ว แต่เราจะรู้ได้ยังไงล่ะว่ามันเรียกใช้งานได้แล้วจริงๆ ก่อนที่เราจะได้ทำการติดตั้งเวิร์ดเพรสต่อไป เราจึงต้องทำการตรวจสอบกันหน่อย 1.สร้างไฟล์ชื่อ info.php 2.เขียนโค้ดตามนี้ แล้วบันทึก 3.อัปโหลดขึ้นไปใน /var/www/wordpressayothaya 4.ลองเรียก url ในเบราเซอร์ พิมพ์เข้าไปแล้ว enter นั่นแหละ ถ้าไม่มีอะไรผิดพลาด มันจะต้องแสดงหน้าในลักษณะนี้ออกมา ถ้าขึ้นหน้านี้มาก็แสดงว่าเราพร้อมแล้วสำหรับการติดตั้งเวิร์ดเพรส ลุยกันต่อในบทถัดไป

    READ MORE
  • Digital Ocean

    การสร้างเว็บไซต์เวิร์ดเพรสด้วย digital ocean ตอนที่ 9 ทำ virtual host

    โดยปกติแล้วชาวบ้านชาวช่องเขาจะใช้ console ล้อกอินเข้าไปสร้างเข้าไปแก้ vhost แต่ผมไม่ค่อยชอบวิธีนั้น รู้สึกว่ามันยากมันไม่ใช่ทาง ผมชอบใช้ filezilla ftp เข้าไปดึงไฟล์ลงมาแก้ที่เครื่องวินโดวผม ผมว่ามันง่ายกว่า 1.เปิด filezilla ขึ้นมา ไม่มีก็ไปหามาลง จากนั้นคลิกที่ปุ่มที่ผมทำเครื่องหมายเลข 1 ไว้แล้วคลิกปุ่ม New Site อีกดอก 2.ป้อนรายละเอียดต่างๆตามหมายเลข1: ตั้งชื่ออะไรก็ได้ ให้วันหลังกลับมาใช้งานแล้วจำได้ว่าจะคอนเน็คไปที่ไหน2: เลือกเป็น SFTP3: ป้อนหมายเลข IP ของ droplet (ไปดูที่ droplet ครับมันจะแสดงไว้ชัดเจน)4: ป้อน username สำหรับล้อกอินเข้า droplet ซึ่งก็คือ root5: ป้อนรหัสผ่านสำหรับล้อกอินเข้า droplet ซึ่งก็คือรหัสผ่านของ root นั่นแหละ6: คลิก Connect เพื่อเชื่อมต่อสิ รออะไร 3. มันจะขึ้นกล่องบอกอะไรสักอย่างก็ไม่รู้ขี้เกียจอ่าน ให้ติ๊กเครื่องหมายที่วงกลมไว้ตรงเลข 1 แล้วคลิกปุ่ม OK 4. […]

    READ MORE