กรณีศึกษา: Puriphy Shopify App

เราอาศัยอยู่บนโลกที่สวยงามและจำเป็นต้องได้รับการปกป้อง ภาวะโลกร้อนที่เกิดจากการปล่อยก๊าซเรือนกระจกโดยฝีมือมนุษย์ส่งผลให้ระดับน้ำทะเลสูงขึ้น เกิดไฟป่า และระบบนิเวศทั่วโลกถูกทำลาย นี่คือจุดที่ Puriphy ต้องการเข้ามาสร้างความเปลี่ยนแปลง Puriphy คือตัวกลางที่เชื่อมต่อโดยตรงระหว่างผู้ค้าออนไลน์ ลูกค้า และโครงการด้านสภาพภูมิอากาศที่ได้รับการรับรอง
Shopify มีร้านค้าที่เปิดใช้งานอยู่กว่า 4.82 ล้านแห่งทั่วโลก มีผู้ใช้งานประจำเกือบ 5 ล้านคนต่อวัน และยังคงเติบโตอย่างต่อเนื่อง! นี่จึงเป็นเหตุผลสำคัญที่ Puriphy ต้องเข้าสู่ตลาดนี้ พวกเขาจึงได้ติดต่อเรา We Do Dev Work เพื่อสร้าง Shopify app และผสานการทำงานของวิดเจ็ตจาก Puriphy เข้ากับระบบนิเวศของ Shopify ได้อย่างราบรื่น
เราเคยสร้างร้านค้าบน Shopify มาแล้วมากมาย ทั้งการใช้ธีมมาตรฐานและธีมที่เราพัฒนาขึ้นเองภายใน โดยใช้ Liquid, JavaScript และการเชื่อมต่อกับแอปต่างๆ ของ Shopify อีกนับไม่ถ้วน แต่การสร้างตัวแอปขึ้นมาเองจริงๆ นั้นถือเป็นครั้งแรก เป้าหมายของเราในครั้งนี้คือการสร้างสิ่งที่สามารถนำไปติดตั้งในร้านค้าที่หลากหลาย และยังคงทำงานได้อย่างมีประสิทธิภาพในสภาพแวดล้อมเหล่านั้น

แนวทางการทำงานของเรา
ในไม่ช้าเราก็พบว่าการสร้างแอปนั้นไม่ได้ยากอย่างที่คิด เพียงแค่ดาวน์โหลดเทมเพลตผ่าน CLI ติดตั้งแอปตัวอย่างลงในบัญชีพาร์ทเนอร์ แล้วเริ่มลงมือสร้าง ด้วยความรู้พื้นฐานด้าน Liquid และ React ประกอบกับการศึกษา API ของพวกเขา เราก็สามารถสร้างบล็อกพื้นฐานของ Shopify ที่ผู้ใช้สามารถเพิ่มลงในร้านค้าของตนเองได้อย่างรวดเร็ว
จากนั้นเราจึงพัฒนาหน้าแดชบอร์ดของแอป ซึ่งเป็น UI ที่ใช้งานง่าย มีคำอธิบายฟีเจอร์ต่างๆ และช่วยแนะนำผู้ใช้ตลอดขั้นตอนการติดตั้ง Shopify มีข้อจำกัดบางประการเกี่ยวกับสิ่งที่แอปสามารถทำได้กับร้านค้าของลูกค้า ซึ่งหมายความว่าเราต้องใช้ความคิดสร้างสรรค์ในการประยุกต์ใช้ Shopify API ผมคิดว่านั่นคือความท้าทายที่ใหญ่ที่สุด คือการค้นหาฟีเจอร์ทางเลือกใน API สำหรับแต่ละส่วนประกอบของแอปเรา

สุดท้าย เราได้วางระบบ backend routes เพื่อเชื่อมต่อบัญชี Shopify ของผู้ใช้เข้ากับระบบหลังบ้านของ Puriphy เมื่อทุกอย่างทำงานได้ตามปกติ ก็ถึงเวลาส่งแอปเข้าสู่ Shopify app store
สิ่งที่เราได้เรียนรู้
Shopify อาจไม่ได้เหมาะสำหรับทุกคน มีช่วงเวลาที่ต้องใช้การเรียนรู้พอสมควร โดยเฉพาะอย่างยิ่งเมื่อฟีเจอร์ต่างๆ ของ Shopify API ไม่ได้มีความเชื่อมโยงกันมากนัก และบ่อยครั้งให้ความรู้สึกเหมือนต้องเรียนรู้สิ่งใหม่ทั้งหมด นอกจากนี้การตามเวอร์ชันให้ทันก็เป็นเรื่องที่ท้าทาย เพราะในระหว่างการพัฒนา องค์ประกอบสำคัญบางอย่างได้เปลี่ยนไปแล้ว ทำให้เราต้องเสียเวลาไปกับการแก้บั๊กที่ค่อนข้างเหนื่อย แต่ข้อดีคือเมื่อคุณเข้าใจโครงสร้างของพวกเขาแล้ว การเพิ่มฟีเจอร์ใหม่ๆ ลงในแอปก็กลายเป็นเรื่องที่ทำได้ง่ายขึ้น
การร่วมงานกับ Puriphy เป็นไปได้ด้วยดีมาก พวกเขาให้ความสำคัญกับอุดมการณ์อย่างแท้จริง และแม้ว่าเราจะต้องประสานงานกับทีมพัฒนาของพวกเขาไปมาเพื่อเพิ่มฟีเจอร์หลังบ้านที่รองรับแอปของเรา แต่เราก็สามารถส่งมอบเวอร์ชันแรกได้สำเร็จภายในเวลาเพียงสามสัปดาห์
Related articles

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


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


ก้าวข้าม Vercel และ Netlify: มองหาทางเลือกการโฮสต์ Frontend ที่ตอบโจทย์กว่า
เมื่อไม่นานมานี้ การ Deploy เว็บไซต์เคยเป็นเรื่องที่ยุ่งยากมาก คุณต้องเช่า VPS, ติดตั้ง Nginx, ตั้งค่า SSL, คอยกังวลเรื่อง Port และ Permission แถมยังต้องลุ้นว่าเซิร์ฟเวอร์จะล่มไหมตอนอัปเดตเวอร์ชันใหม่ จนกระทั่ง Netlify และ Vercel เข้ามาเปลี่ยนโลก เพียงแค่เชื่อมต่อ GitHub แล้ว Push Code เว็บไซต์ก็ออนไลน์ได้ทันที สำหรับ Frontend Developer แล้ว นี่คือเวทมนตร์ชัดๆ

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