การแนะนำ
การเปลี่ยนแปลงทางดิจิทัลครอบคลุมชีวิตและธุรกิจในด้านต่างๆ มากขึ้นเรื่อยๆ ทุกปี หากธุรกิจต้องการที่จะแข่งขัน เว็บไซต์ข้อมูลทั่วไปไม่เพียงพออีกต่อไป แอปพลิเคชันมือถือและเว็บเป็นสิ่งจำเป็นที่ไม่เพียงให้ข้อมูลแก่ผู้ใช้ แต่ยังช่วยให้พวกเขาสามารถทำหน้าที่บางอย่างได้ เช่น รับหรือสั่งซื้อสินค้าและบริการ จัดหาเครื่องมือ
ตัวอย่างเช่น ธนาคารยุคใหม่ต้องมีเว็บไซต์ที่มีข้อมูลไม่เพียงพออีกต่อไป พวกเขาจำเป็นต้องมีเครื่องมือออนไลน์สำหรับลูกค้า บัญชีส่วนตัวที่ผู้ใช้สามารถจัดการบัญชี การลงทุน และสินเชื่อได้ แม้แต่ธุรกิจขนาดเล็กก็ต้องการเครื่องมือที่สะดวกสบายในการเพิ่ม Conversion เช่น การนัดหมายกับแพทย์หรือช่างทำผม หรือการจองโต๊ะที่ร้านอาหารหรือห้องเด็กเล่นสำหรับงานเลี้ยงวันเกิด
และเจ้าของเองก็จำเป็นต้องได้รับข้อมูลสถานะของบริษัทในรูปแบบที่สะดวกในเวลาที่เหมาะสม เช่น การรวบรวมข้อมูลทางสถิติและการวิเคราะห์สำหรับแผนกการผลิตต่างๆ หรือประสิทธิภาพการทำงานของแผนกต่างๆ บ่อยครั้งที่แต่ละแผนกรวบรวมข้อมูลนี้ด้วยวิธีของตนเอง และอาจใช้เครื่องมือที่แตกต่างกัน และเจ้าของต้องใช้เวลาส่วนตัวจำนวนมากเพื่อทำความเข้าใจทั้งหมดนี้ ทั้งทางอ้อมหรือโดยตรง ซึ่งอาจส่งผลต่อประสิทธิภาพของบริษัทและผลกำไรในท้ายที่สุด การเปลี่ยนแปลงทางดิจิทัลและการพัฒนาแอปพลิเคชันบนเว็บหรือมือถือจะช่วยได้ที่นี่เช่นกัน
เทคโนโลยีไม่หยุดนิ่งและมีการพัฒนาอย่างต่อเนื่อง และสิ่งที่ใช้เมื่อหลายปีก่อนอาจไม่เกี่ยวข้องอีกต่อไปในปัจจุบัน หรือสิ่งที่ไม่สามารถทำได้เมื่อหลายปีก่อนได้กลายเป็นความจริงแล้ว มีเครื่องมือที่ทันสมัยกว่าที่ช่วยให้คุณสร้างแอปพลิเคชันบนเว็บและมือถือได้เร็วและดียิ่งขึ้น จากการสังเกตและประสบการณ์ส่วนตัว ฉันต้องการแบ่งปันวิสัยทัศน์ของฉันว่าเทคโนโลยีและเครื่องมือใดจะเป็นที่ต้องการในอนาคตอันใกล้นี้ และเหตุใดคุณจึงควรใส่ใจกับสิ่งเหล่านั้นเมื่อสร้างแอปพลิเคชันเว็บที่ทันสมัย
แอปพลิเคชันหน้าเดียว
มานิยามคำศัพท์กันหน่อย Single Page Application (SPA) คือเว็บแอปพลิเคชันที่มีการโหลดส่วนประกอบหนึ่งครั้งในหน้าเดียว และเนื้อหาจะถูกโหลดตามต้องการ และเมื่อย้ายไปมาระหว่างส่วนต่างๆ ของแอปพลิเคชัน หน้าเว็บจะไม่โหลดซ้ำทั้งหมด แต่จะโหลดและแสดงข้อมูลที่จำเป็นเท่านั้น
แอปพลิเคชันหน้าเดียวได้รับประโยชน์อย่างมากจากแอปพลิเคชันเว็บแบบคลาสสิกในแง่ของความเร็วและความสะดวกในการใช้งาน ด้วยความช่วยเหลือของ SPA คุณสามารถบรรลุผลของเว็บไซต์ที่ทำงานเหมือนกับแอปพลิเคชันบนเดสก์ท็อป โดยไม่ต้องรีบูตเครื่องและเกิดความล่าช้าอย่างมาก
หากไม่กี่ปีที่ผ่านมาแอปพลิเคชันหน้าเดียวไม่รองรับการเพิ่มประสิทธิภาพกลไกค้นหาและใช้เพื่อการสร้างบัญชีส่วนตัวและแผงการดูแลระบบเป็นหลัก ในปัจจุบันการสร้างแอปพลิเคชันหน้าเดียวที่รองรับการเพิ่มประสิทธิภาพกลไกค้นหา (SEO) อย่างเต็มรูปแบบกลายเป็นเรื่องง่ายมากขึ้น การใช้แอปพลิเคชันหน้าเดียวที่แสดงผลโดยเซิร์ฟเวอร์ในปัจจุบัน ปัญหานี้หายไปอย่างสมบูรณ์ กล่าวอีกนัยหนึ่งนี่เป็นแอปพลิเคชันหน้าเดียวเดียวกัน แต่ในคำขอแรกเซิร์ฟเวอร์ไม่เพียงสร้างข้อมูลเท่านั้น แต่ยังสร้างหน้า HTML ที่พร้อมสำหรับการแสดงผลและเครื่องมือค้นหาจะได้รับหน้าสำเร็จรูปพร้อมข้อมูลเมตาและมาร์กอัปความหมายทั้งหมด .
ด้วยการพัฒนาเครื่องมือสำหรับการสร้างเว็บแอปพลิเคชันฝั่งไคลเอ็นต์ การพัฒนาและการเปลี่ยนไปใช้แอปพลิเคชันหน้าเดียวจะเติบโตในปีนี้และปีต่อ ๆ ไปเท่านั้น หากคุณมีแอปพลิเคชันเก่าที่ล้าสมัยและทำงานช้า และถึงแม้จะโหลดหน้าใหม่ทั้งหมดเมื่อสลับระหว่างส่วนต่างๆ ในปีนี้ คุณสามารถอัปเกรดเป็นแอปพลิเคชันหน้าเดียวที่รวดเร็วได้อย่างปลอดภัย - ตอนนี้เป็นเวลาที่ดี เทคโนโลยีช่วยให้คุณได้แล้ว เพื่อทำสิ่งนี้อย่างรวดเร็วและมีประสิทธิภาพ
การมีเว็บไซต์ที่ทันสมัยและรวดเร็วเป็นสิ่งที่ดีมาก แต่ขอบอกตามตรงว่าไม่ใช่ทุกแอปพลิเคชันที่สามารถแปลงเป็นแอปพลิเคชันหน้าเดียวได้อย่างง่ายดาย และการเปลี่ยนแปลงอาจมีราคาแพง! ดังนั้นคุณต้องเข้าใจว่าใครต้องการการเปลี่ยนแปลงเช่นนี้และเพราะเหตุใด
เพื่อช่วยให้คุณเข้าใจ ในตารางด้านล่าง ฉันจะยกตัวอย่างว่าเมื่อใดการพัฒนาหรือการเปลี่ยนไปใช้ SPA มีความเหมาะสมและสมเหตุสมผล และเมื่อใดที่ไม่เป็นเช่นนั้น
สำหรับ
หากคุณต้องการสร้างแอปพลิเคชันที่ทันสมัยและรวดเร็ว และต้องการใช้ไม่เพียงแต่เวอร์ชันเว็บ แต่ยังรวมถึงเวอร์ชันมือถือหรือแม้แต่เดสก์ท็อปด้วย และกระบวนการและการคำนวณทั้งหมดเกิดขึ้นบนเซิร์ฟเวอร์ระยะไกลหรือคลาวด์ ยิ่งไปกว่านั้น เพื่อให้ไคลเอนต์ทั้งหมดมีอินเทอร์เฟซการโต้ตอบเดียว และไม่จำเป็นต้องแก้ไขโค้ดเซิร์ฟเวอร์ทุกครั้งเมื่อเพิ่มไคลเอนต์ใหม่
ตัวอย่างเช่น: โซเชียลเน็ตเวิร์ก, ผู้รวบรวม, แพลตฟอร์ม SaaS (ซอฟต์แวร์เป็นบริการคลาวด์), ตลาดกลาง
หากคุณมีร้านค้าหรือบริการบนเว็บ คุณรู้ว่ามันช้าและผู้คนกำลังจะออกไป คุณต้องทำให้มันเร็วขึ้น คุณเข้าใจคุณค่าของลูกค้า และพร้อมที่จะจ่ายเงินมากกว่าล้านรูเบิลสำหรับการอัปเกรด
คุณมีแอปพลิเคชันบนมือถือที่ใช้ API ของไซต์ แต่ไซต์ทำงานช้าและมีการโหลดเนื้อหาใหม่ทั้งหมดเมื่อย้ายไปมาระหว่างหน้าต่างๆ
ขัดต่อ
หากกลุ่มเป้าหมายของคุณไม่ได้ใช้เบราว์เซอร์และอุปกรณ์ที่ทันสมัย
ตัวอย่างเช่น ขอบเขตองค์กรเฉพาะ เช่น การพัฒนาระบบภายในสำหรับธนาคาร สถาบันการแพทย์ และการศึกษา
คุณดำเนินกิจกรรมหลักของคุณแบบออฟไลน์และไม่พร้อมที่จะให้บริการใดๆ ทางออนไลน์ และคุณเพียงแค่ต้องดึงดูดลูกค้า
หากคุณมีร้านค้าออนไลน์หรือบริการบนเว็บที่ขายดีอยู่แล้ว คุณจะไม่เห็นการไหลออกหรือการร้องเรียนของลูกค้า
หากคุณมีแอปพลิเคชันที่ใช้งานได้ซึ่งไม่สามารถนำไปใช้กับ SPA ได้และคุณเพียงแค่ต้องเขียนใหม่ทั้งหมดตั้งแต่ต้นและใช้เทคโนโลยีอื่น ๆ และคุณยังไม่พร้อมที่จะทุ่มเงินหลายล้านกับสิ่งนี้
ตัวอย่างเช่น มีไซต์แบบกล่องหรือโค้ดโบราณเสาหินบางประเภทที่เขียนขึ้นเองที่บ้าน
แอปพลิเคชันเว็บแบบก้าวหน้า
แอปพลิเคชันเว็บแบบก้าวหน้าเป็นผลิตภัณฑ์จากวิวัฒนาการร่วมกันของแอปพลิเคชันแบบเนทิฟและเว็บไซต์ โดยพื้นฐานแล้ว นี่คือเว็บแอปพลิเคชันที่มีลักษณะและทำงานเหมือนกับแอปพลิเคชันเนทีฟจริง สามารถรับการแจ้งเตือนแบบพุช ทำงานในโหมดออฟไลน์ ฯลฯ ในกรณีนี้ ผู้ใช้ไม่จำเป็นต้องดาวน์โหลดแอปพลิเคชันจาก AppStore หรือ Google Play แต่เพียงบันทึกลงในเดสก์ท็อป
ในฐานะเทคโนโลยีหรือแนวทางการพัฒนา กปภ. มีการพัฒนามาตั้งแต่ปี 2015 และเพิ่งได้รับความนิยมอย่างมากในด้านอีคอมเมิร์ซ
ตัวอย่างชีวิตจริงบางส่วน:
- เมื่อปีที่แล้ว โรงแรม Best Western River North สามารถเพิ่มรายได้ได้ถึง 300% หลังจากเปิดตัวเว็บไซต์ใหม่ที่เปิดใช้งาน PWA;
- หลังจากสร้างการรองรับ PWA บนเว็บไซต์แล้ว Avito OpenSooq.com ภาษาอาหรับก็สามารถเพิ่มเวลาในการเยี่ยมชมเว็บไซต์ได้ 25% และจำนวนลูกค้าเป้าหมายได้ 260%
- บริการหาคู่ชื่อดัง Tinder สามารถลดความเร็วในการโหลดจาก 11.91 วินาทีเป็น 4.69 วินาทีโดยการพัฒนา PWA นอกจากนี้ แอปพลิเคชันยังมีน้ำหนักน้อยกว่าแอปพลิเคชัน Android ดั้งเดิมถึง 90%
ความจริงที่ว่ามันคุ้มค่าที่จะให้ความสนใจกับเทคโนโลยีนี้ยังแสดงให้เห็นด้วยความจริงที่ว่าหนึ่งในเครื่องมือที่ใหญ่ที่สุดสำหรับการสร้างโครงการอีคอมเมิร์ซ Magento ได้เปิดตัว PWA Studio เวอร์ชันพัฒนาเบื้องต้นในปี 2018 แพลตฟอร์มนี้ช่วยให้คุณสร้างส่วนหน้าแบบ React ได้ทันทีสำหรับโซลูชันอีคอมเมิร์ซของคุณด้วยการสนับสนุน PWA
คำแนะนำสำหรับผู้ที่มีโครงการอินเทอร์เน็ตอยู่แล้วหรือเพียงแค่มีแนวคิดเกี่ยวกับบริการใหม่ที่รองรับอุปกรณ์พกพา: อย่ารีบเร่งในการเขียนแอปพลิเคชันเนทิฟที่มีคุณสมบัติครบถ้วน แต่ก่อนอื่นให้ดูที่เทคโนโลยี PWA นี่อาจเป็นโซลูชันที่คุ้มค่าเงินที่สุดสำหรับผลิตภัณฑ์ของคุณ
เล็กน้อยจากการฝึกฝน หากต้องการสร้างแอปพลิเคชันข่าวบนมือถือแบบเนทีฟแบบง่ายๆ หากคุณมีเซิร์ฟเวอร์ REST สำเร็จรูปอยู่แล้ว คุณต้องใช้เวลาทำงานประมาณ 200-300 ชั่วโมงต่อแพลตฟอร์ม ด้วยราคาตลาดเฉลี่ยต่อชั่วโมงของการพัฒนาอยู่ที่ 1500-2000 รูเบิลต่อชั่วโมง แอปพลิเคชันอาจมีราคาประมาณ 1 ล้านรูเบิล หากคุณพัฒนาเว็บแอปพลิเคชันที่รองรับ PWA เต็มรูปแบบ: การแจ้งเตือนแบบพุช โหมดออฟไลน์ และคุณสมบัติอื่นๆ การพัฒนาจะใช้เวลา 200-300 ชั่วโมงคน แต่ผลิตภัณฑ์จะพร้อมใช้งานในทุกแพลตฟอร์มทันที นั่นคือประหยัดได้ประมาณ 2 เท่า ไม่ต้องพูดถึงความจริงที่ว่าคุณจะไม่ต้องเสียค่าธรรมเนียมในการลงสมัครในร้านแอปพลิเคชัน
serverless
นี่เป็นแนวทางการพัฒนาที่ทันสมัยอีกวิธีหนึ่ง จากชื่อนี้ หลายคนคิดว่านี่คือการพัฒนาแบบไร้เซิร์ฟเวอร์อย่างแท้จริง ไม่จำเป็นต้องเขียนโค้ดส่วนหลัง และนักพัฒนาส่วนหน้าก็สามารถสร้างเว็บแอปพลิเคชันที่มีคุณสมบัติครบถ้วนได้ แต่นั่นไม่เป็นความจริง!
เมื่อสร้างแอปพลิเคชันแบบไร้เซิร์ฟเวอร์ คุณยังต้องมีเซิร์ฟเวอร์และฐานข้อมูล ข้อแตกต่างที่สำคัญของแนวทางนี้คือโค้ดแบ็คเอนด์จะแสดงในรูปแบบของฟังก์ชันคลาวด์ (อีกชื่อสำหรับ Serverless คือ FaaS ทำหน้าที่เป็นบริการหรือ Functions-as-a-Service) และช่วยให้แอปพลิเคชันปรับขนาดได้อย่างรวดเร็วและ อย่างง่ายดาย. เมื่อสร้างแอปพลิเคชันดังกล่าว นักพัฒนาสามารถมุ่งเน้นไปที่ปัญหาทางธุรกิจ โดยไม่ต้องคำนึงถึงการปรับขนาดและการตั้งค่าโครงสร้างพื้นฐาน ซึ่งต่อมาจะเร่งการพัฒนาแอปพลิเคชันและลดต้นทุน นอกจากนี้ วิธี Serverless จะช่วยให้คุณประหยัดค่าเช่าเซิร์ฟเวอร์ เนื่องจากใช้ทรัพยากรมากเท่าที่จำเป็นในการทำงานให้สำเร็จ และหากไม่มีโหลด เวลาของเซิร์ฟเวอร์จะไม่ถูกใช้เลยและจะไม่ได้รับค่าตอบแทน
ตัวอย่างเช่น บริษัทสื่อยักษ์ใหญ่ในอเมริกาอย่าง Bustle สามารถลดต้นทุนการโฮสต์ได้มากกว่า 60% เมื่อเปลี่ยนมาใช้ Serverless และเมื่อบริษัท Coca-Cola พัฒนาระบบอัตโนมัติสำหรับการขายเครื่องดื่มผ่านตู้จำหน่ายเครื่องดื่มอัตโนมัติ ก็สามารถลดต้นทุนการโฮสต์จาก 13000 ดอลลาร์เป็น 4500 ดอลลาร์ต่อปีโดยการเปลี่ยนมาใช้ระบบไร้เซิร์ฟเวอร์
ในช่วงสองสามปีที่ผ่านมา เนื่องจากความแปลกใหม่และข้อจำกัดของมัน Serverless จึงถูกใช้เป็นหลักสำหรับโปรเจ็กต์ขนาดเล็ก สตาร์ทอัพ และ MVP แต่ในปัจจุบัน ต้องขอบคุณวิวัฒนาการของซอฟต์แวร์ ความคล่องตัวและพลังของเซิร์ฟเวอร์คอนเทนเนอร์ เครื่องมือต่างๆ จึงเกิดขึ้น ช่วยให้คุณสามารถลบข้อจำกัด ลดความซับซ้อนและเร่งการพัฒนาแอปพลิเคชันระบบคลาวด์
ซึ่งหมายความว่าสถานการณ์ทางธุรกิจขององค์กรที่ก่อนหน้านี้ถือว่าการปรับระบบคลาวด์ให้ทันสมัยนั้นเป็นไปไม่ได้ (เช่น สำหรับอุปกรณ์ Edge ข้อมูลระหว่างทาง หรือแอปพลิเคชันแบบเก็บสถานะ) กลายเป็นความจริงแล้ว เครื่องมือที่ดีที่แสดงให้เห็นผลลัพธ์มากมายคือ kNative และองค์กรแบบไร้เซิร์ฟเวอร์
แต่ถึงกระนั้น Serverless ก็ไม่ใช่เป้าหมายหลักสำหรับการพัฒนาเว็บแอปพลิเคชัน เช่นเดียวกับเทคโนโลยีอื่น ๆ มันมีข้อดีและข้อเสียและคุณต้องเลือกเครื่องมือนี้ด้วยความเข้าใจและ "อย่าตอกตะปูด้วยกล้องจุลทรรศน์" เพียงเพราะมันมีความก้าวหน้าทางเทคโนโลยีมากกว่า
เพื่อช่วยให้คุณเข้าใจได้ ต่อไปนี้คือตัวอย่างบางส่วนเมื่อคุณอาจต้องการพิจารณา Serverless เมื่อพัฒนาบริการใหม่หรือปรับปรุงบริการเว็บในปัจจุบัน:
- เมื่อโหลดบนเซิร์ฟเวอร์เป็นช่วงๆ และคุณต้องชำระค่าความจุที่ไม่ได้ใช้งาน ตัวอย่างเช่น เรามีลูกค้าที่มีเครือข่ายเครื่องชงกาแฟ และจำเป็นต้องดำเนินการตามคำขอและรวบรวมสถิติเพียงไม่กี่ร้อยหรือพันครั้งต่อวัน และในตอนกลางคืนจำนวนคำขอก็ลดลงเหลือหลายสิบครั้ง ในกรณีนี้ จะมีประสิทธิภาพมากกว่ามากที่จะจ่ายเฉพาะการใช้ทรัพยากรจริงเท่านั้น ดังนั้นเราจึงเสนอและปรับใช้โซลูชันบน Serverless
- หากคุณไม่ได้วางแผนที่จะเจาะลึกรายละเอียดทางเทคนิคของโครงสร้างพื้นฐานและจ่ายเงินมากเกินไปสำหรับการตั้งค่าและบำรุงรักษาเซิร์ฟเวอร์และบาลานเซอร์ ตัวอย่างเช่น เมื่อพัฒนาตลาดกลาง คุณไม่ทราบแน่ชัดว่าปริมาณการใช้งานจะเป็นอย่างไร หรือในทางกลับกัน คุณกำลังวางแผนปริมาณการใช้งานจำนวนมาก และเพื่อให้แอปพลิเคชันของคุณสามารถรองรับโหลดได้อย่างแน่นอน ดังนั้น Serverless จึงเป็นตัวเลือกที่ยอดเยี่ยม
- หากคุณต้องการดำเนินการสตรีมเหตุการณ์ในแอปพลิเคชันหลัก ให้เขียนข้อมูลข้างลงในตาราง และทำการคำนวณบางอย่าง ตัวอย่างเช่น รวบรวมข้อมูลการวิเคราะห์การกระทำของผู้ใช้ ประมวลผลด้วยวิธีใดวิธีหนึ่งและบันทึกไว้ในฐานข้อมูล
- หากคุณต้องการลดความซับซ้อน รวมหรือเร่งความเร็วการทำงานปัจจุบันของแอปพลิเคชัน ตัวอย่างเช่น สร้างบริการปรับปรุงประสิทธิภาพสำหรับการทำงานกับรูปภาพหรือวิดีโอ เมื่อผู้ใช้อัปโหลดวิดีโอไปยังคลาวด์ และฟังก์ชันแยกต่างหากจัดการการแปลงรหัส ในขณะที่เซิร์ฟเวอร์หลักยังคงทำงานตามปกติ
หากคุณต้องการประมวลผลกิจกรรมจากบริการของบุคคลที่สาม ตัวอย่างเช่น ประมวลผลการตอบกลับจากระบบการชำระเงิน หรือเปลี่ยนเส้นทางข้อมูลผู้ใช้ไปยัง CRM เพื่อเร่งการประมวลผลคำขอจากผู้ที่อาจเป็นลูกค้า
หากคุณมีแอปพลิเคชันขนาดใหญ่และบางส่วนของแอปพลิเคชันสามารถนำไปใช้ได้อย่างเหมาะสมยิ่งขึ้นโดยใช้ภาษาที่แตกต่างจากภาษาหลัก ตัวอย่างเช่น คุณมีโปรเจ็กต์ใน Java และจำเป็นต้องเพิ่มฟังก์ชันการทำงานใหม่ แต่คุณไม่มีอิสระใดๆ หรือการนำไปใช้ในภาษาที่กำหนดอาจใช้เวลานานกว่าและมีวิธีแก้ปัญหาในภาษาอื่นอยู่แล้ว Serverless สามารถช่วยได้ ด้วยสิ่งนี้ด้วย
นี่ไม่ใช่รายการเครื่องมือและเทคโนโลยีทั้งหมดที่สมควรได้รับความสนใจ ฉันแค่แบ่งปันสิ่งที่เราใช้ทุกวันในการทำงานและรู้ว่าสิ่งเหล่านี้จะช่วยธุรกิจได้อย่างไร
ที่มา: will.com