Flutter Web สามารถลดต้นทุนการพัฒนาแอพของคุณได้อย่างไร

คุณคิดไอเดียผลิตภัณฑ์ขึ้นมาแต่คุณต้องมีแผนในการออกสู่สายตาชาวโลก คุณต้องมีแอปมือถือและเว็บเพื่อให้บริการของคุณแก่ผู้ใช้ให้ได้มากที่สุด แต่การวิจัยสั้นๆ ของคุณนั้นโหดร้าย แม้ว่าคุณจะมี แนวคิดแคบๆ เพียงแนวคิด เดียว แต่ต้องใช้ แอปที่แตกต่างกันสามแอป (Android, iOS, เว็บ) ผู้เชี่ยวชาญสามประเภท (Kotlin, Swift, JavaScript) และอาจมีผู้ขายแยกกันสามราย

แต่คุณไม่ใช่คนแรกที่จะอยู่ในตำแหน่งนี้ ผู้สร้างแอปพลิเคชันเช่น Airbnb, Uber Eats และ Discord ก็ยืนอยู่ในที่ที่คุณอยู่ตอนนี้เช่นกัน พวกเขาทั้งหมดตัดสินใจที่จะใช้โซลูชันข้ามแพลตฟอร์ม และดูเหมือนว่าในปี 2020 ผู้เล่นที่สำคัญที่สุดในสาขานี้คือ Flutter

Flutter คืออะไร?

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

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

Flutter for Web พิชิตเบราว์เซอร์

ทั้งหมดนี้แปลไปยังเว็บอย่างไร ปี 2020 เป็นปีที่สำคัญสำหรับ Flutter เพราะมันนำมาซึ่งความท้าทายครั้งใหม่ เฟรมเวิร์กนี้กำลังจะพิชิตหน้าจอขนาดใหญ่และเว็บเบราว์เซอร์ ในช่วงสองปีที่ผ่านมา นอกเหนือจาก Flutter แล้ว ยังมีโครงการวิจัยที่เรียกว่า Hummingbird ซึ่งควรจะ สร้างเว็บแอปจากโค้ด Flutter เดียวกันกับ ที่แอป iOS และ Android ใช้

โปรเจ็กต์นี้ครบกำหนดแล้ว และเมื่อหนึ่งปีที่แล้ว ทีมงานหลักได้รวมไว้ในเฟรมเวิร์ก และขณะนี้ (ณ เดือนพฤษภาคม 2020) โปรเจ็กต์ยังคงอยู่ในเวอร์ชันเบต้า สิ่งนี้หมายความว่า? แม้กระทั่งทุกวันนี้ ก็ยังสามารถสร้างเว็บแอปพลิเคชันโดยใช้ Flutter ได้ และทีม Google ก็สามารถประกาศว่าเสถียรได้ทุกเมื่อ หนึ่งรหัส หนึ่งเทคโนโลยี นกสามตัวกับหินก้อน เดียว ดูเหมือนว่าโครงการของคุณจะเหมาะสมที่สุด

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

อยากรู้เกี่ยวกับการพัฒนาข้ามแพลตฟอร์ม?

เรียนรู้เพิ่มเติม

อย่างไรก็ตาม ความเป็นไปได้ในการสร้างเว็บแอประหว่างทางคือสิ่งที่เปิดให้เราเมื่อไม่กี่เดือนที่ผ่านมา แม้ว่าแบรนด์ใหญ่ๆ จะไม่ตัดสินใจในเรื่องนี้ แต่วันนี้เป็นที่ชัดเจนว่าไม่ช้าก็เร็วจะเป็นเครื่องมือที่ยอดเยี่ยมสำหรับสตาร์ทอัพและ PoC ที่รวดเร็ว

ประโยชน์ของ Flutter สำหรับแอปของคุณ

ลดต้นทุนการพัฒนา

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

อย่างไรก็ตาม นี่ไม่ได้หมายความว่าคุณจะสามารถจำกัดจำนวนการใช้จ่ายได้สามครั้ง มักจะซับซ้อนกว่าเล็กน้อยในการมอบฟังก์ชันการทำงานบางอย่างสำหรับแพลตฟอร์มข้ามแพลตฟอร์ม จากประสบการณ์ของผม มีบางอย่างที่เหมือนกับตัวคูณข้ามแพลตฟอร์มที่เท่ากับ 1.2-1.5 หมายความว่าหากการทำงานใช้เวลา X ชั่วโมงในการพัฒนาสำหรับแพลตฟอร์มเดียว มันจะใช้เวลา (1.2-1.5) * X เมื่อพูดถึงข้ามแพลตฟอร์ม ถึงกระนั้น x1.5 เมื่อเทียบกับ x3 อาจเป็นกรณีที่ชนะสำหรับงบประมาณของคุณ

การพัฒนาแอพที่เร็วขึ้น

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

กระบวนการบำรุงรักษาที่ง่ายขึ้น

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

ทักษะของทีมพัฒนาก็มีความสำคัญเช่นกันเมื่อพิจารณาจากรูปลักษณ์ที่ใช้ร่วมกันบนแพลตฟอร์มต่างๆ การทำงานในสามโปรเจ็กต์ รูปร่างขั้นสุดท้ายขึ้นอยู่กับทักษะของนักพัฒนาและทัศนคติ UI เมื่อคนที่แต่งตัวประหลาด iOS ชอบมุมโค้งมนและ Android หนึ่งไม่กระตือรือร้นกับพวกเขา ปรากฎว่าทั้งสองแอปพลิเคชันจะแตกต่างกันในวิธีที่พวกเขามีอิทธิพลต่อแบรนด์ผลิตภัณฑ์

Flutter สำหรับความเสี่ยงเว็บ

การพัฒนาปัญหาด้านเทคโนโลยี

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

ข้อยกเว้นเว็บแอปพลิเคชัน

อีกปัญหาหนึ่งคือแม้ว่าจักรวาลของแอปพลิเคชัน Android และ iOS จะคล้ายกันมากและ codebase ในกรณีส่วนใหญ่จะเหมือนกัน 95-100% ซึ่งอาจไม่มีผลกับเวอร์ชันของเบราว์เซอร์ ลิ้นชักแผ่นงานด้านล่าง เมนูแท็บด้านล่าง หรือภาพหมุนแนวนอนคือรูปแบบ UX บนมือถือที่ยอดเยี่ยมซึ่งใช้ไม่ได้กับเว็บ บ่อยครั้ง คุณต้องสร้าง ข้อยกเว้นสำหรับเว็บแอป เท่านั้น การออกแบบสถาปัตยกรรมมักจะต้องแตกต่างไปจากเดิมอย่างสิ้นเชิงในอุปกรณ์เคลื่อนที่และบนเว็บ ในช่วงเริ่มต้นของงาน จะเป็นการดีที่จะจัดการ อภิปรายแบบโต๊ะกลม ระหว่างนักออกแบบและนักพัฒนา ให้พวกเขาแบ่งปันมุมมองและพยายามบรรลุฉันทามติ โดยเฉพาะอย่างยิ่งหากคุณสนใจเกี่ยวกับงบประมาณและวันที่ของคุณ

Flutter vs React Native

แต่ Flutter for Web เป็นทางเลือกเดียวของคุณหรือไม่? แน่นอนไม่ ทางเลือกที่สำคัญที่สุดคือ React Native React Native เป็นเฟรมเวิร์กการแข่งขันที่ Facebook คิดค้นและสนับสนุนเมื่อหลายปีก่อน Flutter ช่วยให้คุณทำสิ่งเดียวกันได้ - สร้าง iOS, Android และเว็บแอปพลิเคชันทั้งหมด (คล้ายกับ Flutter ในเวลาอันสั้น)

ค้นพบว่าอนาคตของแอพมือถือจะเป็นอย่างไร

รับรายงานฟรี!

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

• หากคุณสนใจเกี่ยว กับ UI ที่เกี่ยวกับท่าทางสัมผัสเป็น พิเศษ (การปัด การลาก การดึงลิ้นชัก ฯลฯ) Flutter จะเป็นตัวเลือกที่ดีกว่าเนื่องจากสถาปัตยกรรมและการรองรับท่าทางสัมผัสในฝั่งดั้งเดิม บางครั้ง RN มีปัญหาในการมอบประสิทธิภาพคอมโบท่าทาง + แอนิเมชั่นที่ดี
• หาก เว็บเป็นจุดติดต่อหลัก สำหรับธุรกิจของคุณ ให้เลือก React Native RN สร้างแอปพลิเคชันเบราว์เซอร์ให้ใกล้เคียงกับผลิตภัณฑ์ที่พัฒนาโดยเนทีฟมากขึ้น และคุณสามารถดีบักด้วยเครื่องมือเนทีฟ ในทางกลับกัน Flutter สำหรับโปรเจ็กต์เว็บไม่ได้แปลงเป็น DOM ทั่วไปและต้องการอะแดปเตอร์
• หากแอปพลิเคชันของคุณต้องได้รับ การบำรุงรักษาและพัฒนาในช่วงหลายปีที่ผ่านมา (หรือทีมงานที่ดำเนินการกับแอปพลิเคชันนั้นอาจมีการเปลี่ยนแปลงเมื่อเวลาผ่านไป) Flutter และ Dart อาจเป็นทางออกที่ดีกว่า
• หากแอปพลิเคชันของคุณใช้ กลไกที่ซับซ้อนกว่า เล็กน้อย (บลูทูธ ไบโอเมตริก ตำแหน่งทางภูมิศาสตร์) หรือ การผสานรวมภายนอก (การชำระเงิน โซเชียลมีเดีย) React Native มีมานานแล้วและมีห้องสมุดที่หลากหลาย ระบบนิเวศ Flutter for Web เติบโตขึ้นทุกเดือน แต่ถึงกระนั้นการวิจัยเกี่ยวกับห้องสมุดที่มีอยู่ควรนำหน้าทุกโครงการที่นั่น

ต้องการรับข้อมูลเชิงลึกเพิ่มเติมเกี่ยวกับเฟรมเวิร์กยอดนิยมทั้งสองนี้หรือไม่ ตรวจสอบการเปรียบเทียบ React Native และ Flutter ของเรา!

สรุป

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

สร้างแอปต่อไปของคุณด้วย Flutter

ขอทำงานร่วมกัน

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

เสียงมีแนวโน้ม?

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