• Wordpress

    เพิ่มเมนูใหม่เข้าไปใน WooCommerce

    หากวันหนึ่งเราต้องการเพิ่มเมนูย่อยเข้าไปใน WooCommerce ให้คิดไว้เลยว่าเรื่องนี้เป็นเรื่องที่ง่ายมาก

    อ่านข้างในก็จะเห็นว่า แค่โค้ดไม่กี่บรรทัด ความปรารถนาของคุณก็จะสำเร็จ

    READ MORE
  • General

    การเซ็ต sftp auto deploy ใน bitbucket pipeline ส่งเข้าโฮสต์ kinsta

    kinsta เป็นโฮสต์ตัวหนึ่งที่ใช้สำหรับรันเว็บไซต์ sftp ที่เขา gen auto ให้มามันมีพอร์ตแตกต่างไปจากพอร์ตดีฟอลต์

    ทำให้ตอนที่เราเซ็ต pipeline บน bitbucket มีทริกเพิ่มเติม จริงๆถึงแม้ไม่ได้ใช้โฮสต์ kinsta ก็สามารถใช้เป็นตัวอย่างเซ็ตโฮสต์ของตัวเองได้

    READ MORE
  • General

    การเซ็ต ftp auto deploy ใน bitbucket pipeline

    bitbucket เขามีเครื่องมือสำหรับทำ deploy อัตโนมัติที่เรียกว่า pipeline บทความนี้พี่เขียนอธิบายวิธีการตั้งค่า ให้ bitbucket อัปโหลดไฟล์จาก repo ขึ้นเซิฟเวอร์ให้เราอัตโนมัติ ผ่านทาง ftp มันเวิร์กสุดๆเลยครับ

    READ MORE
  • General

    การทำ auto deployment จาก bitbucket repo ขึ้นไปยัง digital ocean ด้วย pipeline

    การทำ auto deploy เพื่อเอาไฟล์ขึ้นเว็บหลังจากที่เรา push มันขึ้นไปยัง bitbucket นั้นเป็นอะไรที่จะช่วยป้องกันการหลงลืม เอาไฟล์ขึ้น production ได้ดีมากๆ เป็นเรื่องราวที่น่าเรียนรู้ และฝึกไว้เพื่อให้ทำเป็น

    READ MORE
  • General

    การสร้าง App password สำหรับแอคเค้าที่ใช้ Google 2FA

    App password มันคืออะไร? ที่มาที่ไปมันยังงี้ครับ เนื่องจากว่าแอคเค้าของ google นั้นมันสามารถทำ 2 Factor Authentication ได้ แล้วไอ้ 2 Factor Authentication คืออะไร? มันก็คือเวลาที่เราจะล้อกอินเข้าแอคเค้า google ด้วยอุปกรณ์ใหม่ๆ มันจะให้ยืนยันว่าป็นตัวเราเองผ่านทางมือถือ มันจะส่งรหัสตัวเลขไปให้ยืนยัน ทีนี้ปัญหาคืออะไร? ปัญหาก็คือว่าเวลาเราเขียนโค้ดเพื่อเชื่อมต่อกับทาง google เช่นส่งอีเมล์ผ่านทาง gmail เป็นต้น google มันจะไม่ยอมเพราะคนส่งไม่เคยอยู่ในลิสต์ที่อนุญาติ ก็แหงล่ะ มันเป็นโค้ดส่ง ทีนี้ google เขาแก้ปัญหานี้ยังไง? เขาก็ให้สร้าง App password ขึ้นมาเพื่อให้ใครก็ตามที่มีรหัสผ่านนี้ google มันจะไม่ถามให้ยืนยันด้วยโค้ดในมือถือ เอาเป็นว่าง่ายๆคือมันจะข้ามการทำ 2FA ไปให้ เราก็เขียนโค้ดส่งอีเมล์ผ่านทาง google ได้แล้ว ทีนี้การสร้าง App password ทำยังไง 1.ล้อกอินเข้าไปที่ gmail แล้วคลิกที่ไอคอนรูปเราทางด้าน ขวามือมุมจอด้านบน 2.google […]

    READ MORE
  • Digital Ocean

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

    พอดีได้เข้าไปเช็ก site health ปรากฎว่าเวิร์ดเพรสแนะนำว่าควรติดตั้งโมดูลของ PHP เพิ่ม 2 ตัวคือ imagick, mbmath คือไม่รู้ว่ามันจะเอาไว้ใช้ทำอะไรหรอก แต่ลูกพี่บอกว่าอยากให้มีก็มี เอ๊า ทำงี้ 1.เข้าไปที่หลังบ้านของเวิร์ดเพรสแล้วไปที่ Tools > Site Health ตรวจดูว่ามันยังขาดโมดูลอะไรบ้าง ในภาพที่ผมแสดงมันไม่มีโมดูลที่ขาดแล้วเพราะว่าติดตั้งไปหมดแล้ว อีกอย่างเมนู Site Health จะมีมากับเวิร์ดเพรสเวอร์ชั่น 5.2 นะครับ 2.อย่างของผมก่อนหน้านี้มันขาดอยู่ 2 ตัวคือ bcmatch, imagick ผมติดตั้ง bcmath ก่อนละกัน ก่อนอื่นก็ล้อกอินเข้า droplet ก่อนด้วย putty หากใครมาไม่ได้ติดตามบทความมาแต่แรกให้ไปหาอ่านที่บทต้นๆของซีรี่นี้นะ ล้อกอินเข้า droplet แล้วพิมพ์คำสั่งติดตั้ง bcmath แล้วกด enter 3.พิมพ์คำสั่งติดตั้ง imagick แล้วกด enter เท่านี้ก็เรียบร้อย

    READ MORE
  • 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