ฉันเพิ่งสนใจแนวทางการพัฒนาเว็บอื่นๆ ที่ไม่ใช่ HTML, CSS และ JavaScript
ด้วยภูมิทัศน์ที่ไม่ต้องใช้โค้ดเพิ่มขึ้น จึงไม่น่าแปลกใจที่พบว่ามีทางเลือกหลายทางสำหรับแนวทางที่เป็นมาตรฐานมากขึ้นสำหรับการพัฒนาเว็บแอปพลิเคชัน
คุณต้องคุ้นเคยกับแพลตฟอร์ม CMS ที่เป็นที่รู้จักมากกว่า เช่น WordPress ที่แทบไม่มีโค้ดเลย แต่ถ้าคุณต้องการสร้างเว็บแอป แพลตฟอร์มดังกล่าวอาจดูมีข้อจำกัด
ที่นี่ฉันแนะนำคุณให้รู้จักกับ Bubble.io อันทรงพลัง เครื่องมือไม่มีรหัส ที่ให้คุณสร้างเว็บแอปอย่างที่ไม่เคยมีมาก่อน
มาสำรวจกันแบบเจาะลึกกัน!
ความหมายของ Bubble.io?
Bubble เป็นแพลตฟอร์มที่ไม่ใช่ด้านเทคนิคที่รวมภาษาการเขียนโปรแกรมด้วยภาพและa กรอบการพัฒนาเว็บ.
ผู้ใช้สามารถใช้เครื่องมือการเขียนโปรแกรมเหล่านี้เพื่อสร้างแอปพลิเคชันออนไลน์ที่ไม่เหมือนใคร แก้ไขฐานข้อมูลและกระบวนการ เพิ่มองค์ประกอบของหน้า (รูปภาพ ข้อความ แบบฟอร์มอินพุต แผนที่) และออกแบบอินเทอร์เฟซ
เป็นตลาดกลางที่คุณสามารถค้นหาเทมเพลต ปลั๊กอิน และบริการที่เหมาะสมเพื่อช่วยคุณในการสร้างผลิตภัณฑ์ที่แข็งแกร่ง
คุณสามารถสร้างอะไรก็ได้ตั้งแต่ตลาดกลางไปจนถึงโซเชียลเน็ตเวิร์กไปจนถึง CRM (การจัดการลูกค้าสัมพันธ์) โดยใช้ Bubble โดยไม่ต้องตั้งค่าเฟรมเวิร์กการเขียนโปรแกรมทั่วไป
ช่วยให้ลูกค้าสามารถสร้างและปรับแต่งแอปของตนโดยใช้อินเทอร์เฟซที่ใช้งานง่ายและตัวแก้ไขแบบชี้แล้วคลิก
คุณสามารถใช้ร่วมกับบริการที่มี REST API เช่น Facebook, SQL, แอปวิเคราะห์และการชำระเงิน ช่วยให้ผู้ใช้สามารถอุทิศเวลาในการปรับปรุงการทำงานและรูปลักษณ์ของแอปพลิเคชันเพื่อให้ดูดีบนแท็บเล็ตและอุปกรณ์เคลื่อนที่
เหมาะสำหรับธุรกิจทุกขนาดตั้งแต่ขนาดเล็กไปจนถึงขนาดใหญ่ และสามารถเข้าถึงได้สำหรับ Windows, Mac และเว็บ
การเขียนโปรแกรมเชิงภาพคืออะไร?
การเขียนโปรแกรมด้วยภาพเป็นสิ่งที่ดูเหมือน แทนที่จะเขียนโปรแกรมด้วยตนเองด้วยการเขียนโค้ด คุณสามารถเขียนแบบกราฟิกได้โดยการคลิกและลากส่วนประกอบลงในหน้า
อย่าหลงกลโดยคำอธิบายสั้นๆ นั้น
ไม่เหมือนกับแอปตัดคุกกี้หรือเครื่องมือสร้างเว็บไซต์อื่นๆ ที่คุณเคยเจอทางออนไลน์ ผู้สร้างแอปส่วนใหญ่ต้องการให้คุณพึ่งพาเทมเพลตพื้นฐานและมีฟังก์ชันการทำงานที่จำกัดอย่างยิ่ง พวกเขาอนุญาตให้คุณพัฒนาแอพบางประเภทและจำกัดการปรับเปลี่ยนในแบบของคุณเท่านั้น
แม้ว่าแนวคิดของ "การเขียนโปรแกรมด้วยภาพ" และ "การลากและวาง" จะดูเหมือนง่ายใน Bubble แต่ก็มีประสิทธิภาพอย่างมาก
สภาพแวดล้อมการเขียนโปรแกรมที่มองเห็นได้ไม่เพียงแต่ช่วยให้คุณสามารถลากวัตถุ เช่น ข้อความ กราฟิก อินพุต และอื่นๆ ลงบนหน้าได้ แต่ยังช่วยให้คุณสามารถกำหนดค่าสิ่งที่องค์ประกอบเหล่านั้นทำ
บับเบิ้ล มีอะไรทำ?
เป้าหมายหลักของ Bubble คือการทำให้ทุกคนสามารถสร้างเว็บแอปได้โดยไม่ต้องเขียนโค้ด
อย่างไรก็ตาม แม้ว่าสิ่งนี้จะช่วยให้เป้าหมายที่จดจำได้ง่าย แต่ก็ละเลยเรื่องราวที่สำคัญออกไป เส้นทางจากแนวคิดสู่ตลาดนั้นซับซ้อนกว่าแค่การสร้างบรรทัดของโค้ด
จำเป็นต้องมีทีมงานมืออาชีพที่ได้รับการฝึกฝนมาเป็นอย่างดีซึ่งทำงานในส่วนต่างๆ ของการสร้าง การเติบโต และการบำรุงรักษาแอปในการพัฒนาแบบเดิม พิจารณาสิ่งนี้.
ทุกแอพต้องการอะไร?
- การรักษาความปลอดภัยเพื่อให้แน่ใจว่าไม่มีใครมีการเข้าถึงข้อมูลโดยไม่ได้รับอนุญาต
- ฐานข้อมูลสำหรับจัดเก็บและเรียกข้อมูล เช่น รายการ บทความ และการอัปเดตโซเชียลมีเดีย
- ความสามารถในการปรับขนาดเพื่อให้สามารถพัฒนาฐานผู้ใช้และปริมาณข้อมูลได้โดยไม่มีข้อจำกัด
- ส่วนต่อประสานผู้ใช้ที่น่าพอใจเพื่อทำให้แอพน่าสนใจและใช้งานง่าย
- บูรณาการกับบริการและระบบต่างๆ
Bubble เข้ามาแทนที่มากกว่า coder ให้บริการทั้งหมดเหล่านี้ในลักษณะที่ดึงดูดสายตาและเป็นไปโดยอัตโนมัติ ทำให้เป็นไปได้ หากไม่ง่าย สำหรับคนเพียงคนเดียวในการจัดการทุกอย่าง
ในขณะที่แพลตฟอร์ม no-code ก่อนหน้านี้ได้พยายามแทนที่การเข้ารหัสในรูปแบบต่างๆ แนวคิดของมันคือการกำจัดอุปสรรคให้มากที่สุดเท่าที่จะเป็นไปได้สำหรับแอปในการเข้าถึงตลาด จัดการทุกอย่างตั้งแต่การออกแบบที่ตอบสนองและแอนิเมชั่นไปจนถึงการโฮสต์ การปรับใช้เวอร์ชัน การรักษาความปลอดภัย และการทำงานของฐานข้อมูล
การใช้ตัวเชื่อมต่อ API เพื่อเชื่อมต่อ Bubble กับบริการอื่นๆ
ตัวเชื่อมต่อ API นั้นน่าจะเป็นปลั๊กอินที่สำคัญที่สุดในตลาด ตามชื่อที่บ่งบอก การทำเช่นนี้ทำให้คุณสามารถเชื่อมต่อกับแอพและบริการอื่นๆ เพื่อแชร์การทำงานและข้อมูล
แทนที่จะเจาะลึกรายละเอียดทางเทคนิคเกี่ยวกับวิธีการทำงาน ให้พิจารณาตัวอย่างเหล่านี้ว่า API ใดที่อาจบรรลุผลสำเร็จ:
- การเข้าถึง เรียนรู้เครื่อง วิธีการต่างๆ เช่น การจดจำภาพและการแปล
- รับข้อมูลสภาพอากาศล่าสุดจากทุกที่บนโลก
- เมื่อมีการทริกเกอร์เหตุการณ์ใน Bubble ข้อมูลจะถูกแลกเปลี่ยนระหว่างระบบต่างๆ เช่น การสร้างลูกค้าเป้าหมายใน CRM หรือการนัดหมายใน Google ปฏิทินของคุณ
- จองเที่ยวบินหรือโรงแรมที่ใดก็ได้ในโลก
- รับหมายเลขโทรศัพท์ สถานที่ รูปถ่าย โลโก้ และบทวิจารณ์ของบริษัทใดๆ บน Google Maps
การใช้ปลั๊กอินเพื่อปรับปรุงคุณสมบัติดั้งเดิม
ในทางเทคนิค มันผสมโมดูลโค้ด JavaScript, CSS และ HTML ลงในโหนดที่ใช้งานได้ แอปพลิเคชันที่เขียนด้วย JS.JSON ทำหน้าที่เป็นพื้นฐานสำหรับภาษาของตัวเอง
แม้ว่าคุณไม่จำเป็นต้องเข้าใจคำศัพท์เหล่านั้นอย่างถ่องแท้เพื่อสร้างแอพ แต่ก็บ่งบอกถึงข้อเท็จจริงสำคัญประการหนึ่ง: มันปฏิบัติตามมาตรฐานเว็บที่เป็นที่รู้จักและเป็นที่ยอมรับ ทำให้นักพัฒนาสามารถปรับปรุงฟังก์ชันการทำงานดั้งเดิมได้อย่างมาก
มีให้เห็นแล้วในไซต์ปลั๊กอินซึ่งมีส่วนขยายฟรีและจ่ายเงินหลายร้อยรายการสำหรับฟังก์ชันพื้นฐาน นอกจากนี้ยังบอกเป็นนัยว่าหากคุณถึงจุดที่ความสามารถพื้นฐานของมันไม่เพียงพอ มีผู้เชี่ยวชาญ JavaScript จำนวนมากที่เต็มใจที่จะนำเสนอโซลูชันที่ตรงใจคุณ
คุณสามารถพัฒนาแอพประเภทใดได้บ้าง
คุณสามารถสร้างแอปพลิเคชันได้หลากหลาย ซึ่งบางแอปพลิเคชันระบุไว้ด้านล่าง
- แอพสำหรับตลาดเฉพาะกับชุมชน
- แอพสำหรับบอร์ดงานในภาคส่วนต่างๆ
- ซอฟต์แวร์สำหรับบุคลากรในโรงพยาบาล
- ซอฟต์แวร์ ณ จุดขายสำหรับร้านค้าจริง
- ซอฟต์แวร์สำนักงานทันตกรรมที่มีฉลากสีขาว
- รายการธุรกิจส่วนบุคคลและซอฟต์แวร์บริการลูกค้า
- แอปพลิเคชันการรวมนายหน้าและลูกค้าที่ต้องเผชิญกับอสังหาริมทรัพย์
- แอพสำหรับกิจกรรมและหลักสูตรในตลาด (และแม้แต่เรือ)
- ใบรับรองระดับมืออาชีพต้องการแอปพลิเคชันการทดสอบภายใน
- ใบสมัครสำหรับผู้เผชิญเหตุครั้งแรก
- ซอฟต์แวร์การจัดการพนักงานสำหรับการใช้งานภายใน
ตามจริงแล้ว แพลตฟอร์มไม่ได้ออกแบบมาเพื่อทำทุกอย่าง อาจไม่ใช่ตัวเลือกที่เหมาะสมที่สุด หากคุณกำลังออกแบบแอปเกมที่มีภาพและการเคลื่อนไหวที่ซับซ้อน นอกจากนี้ หากคุณกำลังสร้างแอปที่มาพร้อมเครื่อง (หนึ่งแอปสำหรับร้านแอป) คุณจะต้องผสานรวมกับบริการอื่นของบุคคลที่สาม
คุณสมบัติที่สำคัญ
บับเบิ้ลอัดแน่นไปด้วยคุณสมบัติต่างๆ เราไม่สามารถครอบคลุมทั้งหมดที่นี่ แต่เราจะพยายามครอบคลุมสิ่งสำคัญที่สุด
1 ปลั๊กอิน
ช่วยให้คุณสามารถรวมฟังก์ชันการทำงานจากเครื่องมือมากมายบนอินเทอร์เน็ตลงใน โปรแกรมประยุกต์บนเว็บ. ตัวอย่างเช่น หากคุณต้องการให้ผู้ใช้เข้าสู่ระบบโดยใช้บัญชี Facebook ของตน คุณสามารถใช้ปลั๊กอิน Facebook เพื่อดำเนินการนี้ได้
2 พัฒนา
ช่วยให้คุณสร้างแอปแบบไดนามิกสำหรับผู้ใช้หลายคนสำหรับเว็บเบราว์เซอร์เดสก์ท็อปและมือถือ รวมถึงเครื่องมือทั้งหมดที่จำเป็นในการสร้างเว็บไซต์ที่คล้ายกับ Instagram หรือ Airbnb
3 ออกแบบ
คุณสามารถสร้างเลย์เอาต์ที่เหมาะกับอุปกรณ์พกพาและเนื้อหาไดนามิกเพื่อมอบการตกแต่งขั้นสุดท้ายให้กับผลิตภัณฑ์ที่คุณยินดีที่จะอวดให้ผู้อื่นเห็น
4 โฮสติ้ง
ไม่ต้องกังวลกับการบำรุงรักษาเซิร์ฟเวอร์ โครงสร้างพื้นฐาน หรือการทำงานซ้ำแล้วซ้ำอีก
จะดูแลการปรับใช้และโฮสต์ให้กับคุณในลักษณะที่ปลอดภัย จำนวนผู้ใช้ ปริมาณการรับส่งข้อมูล และการจัดเก็บข้อมูลทั้งหมดไม่จำกัด
การสร้างแอปด้วย Bubble (บทช่วยสอน)
มาเริ่มลงมือทำกันเลย และสำรวจว่าคุณสามารถสร้างแอปข่าวบน Bubble ได้อย่างไร
1. เริ่มต้นใช้งาน
ในการเริ่มต้นคุณต้องก่อน ลงทะเบียนสำหรับบัญชีฟรีบน Bubble.
เราจะเริ่มต้นด้วยการใช้เครื่องมือออกแบบภาพของ Bubble เพื่อกำหนดรูปแบบแพลตฟอร์มของเรา ส่วนติดต่อผู้ใช้. หน้าสำคัญที่จะรวมไว้ด้านล่าง:
- หน้าอัปโหลด – เว็บไซต์ที่ผู้จัดพิมพ์จะพัฒนาและแจกจ่ายบทความ
- หน้าแรก – แสดงรายการเรื่องที่เพิ่งตีพิมพ์
- หน้าบรรยาย – หน้าที่ค้นหาเรื่องราวที่ไม่ซ้ำกันแต่ละเรื่อง
- หน้าผู้จัดพิมพ์- หน้าสำหรับแสดงรายการนิทานจากผู้จัดพิมพ์รายหนึ่ง
2. การกำหนดค่าฐานข้อมูล
หลังจากที่คุณได้วางจอแสดงผลของผลิตภัณฑ์ของคุณแล้ว คุณสามารถมุ่งเน้นไปที่การสร้างฟิลด์ข้อมูลที่จะเติมพลังให้กับแอปพลิเคชันของคุณ เราจะใช้ฟิลด์เหล่านี้เพื่อเชื่อมโยงเวิร์กโฟลว์ที่อยู่ภายใต้ผลิตภัณฑ์ของคุณ
สำหรับตัวอย่างนี้ เราจะสร้างประเภทข้อมูลที่แตกต่างกันสองประเภทสำหรับข่าวแต่ละชิ้น ประเภทข้อมูลหนึ่งจะมีข้อเท็จจริงพื้นฐานของเรื่องราว (เช่น ชื่อ รูปภาพเด่น และผู้จัดพิมพ์) ในขณะที่ประเภทข้อมูลอื่นจะมีไฟล์เนื้อหาที่ใหญ่กว่า เช่น การเล่าเรื่องทั้งหมดเอง
โดยการกำหนดให้เป็นประเภทข้อมูลที่ไม่ต่อเนื่อง เราสามารถโหลดข้อมูลที่จำเป็นเมื่อจำเป็นเท่านั้น โดยจำกัดปริมาณวัสดุที่โปรแกรมแก้ไข Bubble จะต้องผลิต
จะมีการสร้างประเภทข้อมูลและฟิลด์ต่อไปนี้:
ประเภทข้อมูล: ผู้ใช้งาน
ทุ่ง:
- Name
- ผู้จัดพิมพ์ต่อไปนี้คือรายชื่อผู้จัดพิมพ์ หมายเหตุสำคัญ: การสร้างฟิลด์เป็นรายการตามประเภทข้อมูลที่แตกต่างกัน ช่วยให้คุณสามารถรวมฟิลด์ข้อมูลที่จำเป็นทั้งหมดได้อย่างง่ายดายโดยไม่ต้องสร้างฟิลด์เพิ่มเติม
ประเภทข้อมูล: เรื่องราว
ทุ่ง:
- ชื่อหนังสือ
- ภาพที่โดดเด่น
- นักเขียน
- หมวดหมู่
- สำนักพิมพ์
- เนื้อหาเรื่อง
ประเภทข้อมูล: เนื้อหาเรื่อง
ทุ่ง:
- เนื้อหาเรื่อง
ประเภทข้อมูล: สำนักพิมพ์
ทุ่ง:
- Name
- โลโก้
- ผู้ติดตาม
3. การสร้างเวิร์กโฟลว์
เมื่อคุณได้จัดระเบียบการออกแบบและฐานข้อมูลของแอปพลิเคชันของคุณแล้ว ก็ถึงเวลาที่จะเริ่มรวมทุกอย่างเข้าด้วยกันและทำให้มันใช้งานได้
เวิร์กโฟลว์เป็นวิธีหลักในการทำสิ่งนี้ให้สำเร็จใน Bubble
เวิร์กโฟลว์แต่ละรายการเกิดขึ้นเมื่อมีเหตุการณ์เกิดขึ้น (เช่น ผู้ใช้คลิกปุ่ม) จากนั้นดำเนินการตามลำดับของ "การกระทำ" เพื่อตอบสนองต่อ (เช่น "ลงทะเบียนผู้ใช้" "เปลี่ยนแปลงฐานข้อมูล" เป็นต้น) .
4. สร้างเรื่องข่าว
คุณลักษณะแรกที่เราจะนำเสนอคือเครื่องมือที่ช่วยให้ผู้เผยแพร่สามารถเขียนและโพสต์ข่าวไปยังไซต์ได้
ในหน้าอัปโหลด เราจะเริ่มต้นด้วยการรวมรายการอินพุตจำนวนมากที่จะนำไปใช้กับการป้อนข้อมูลลงในฐานข้อมูลของเรา การป้อนข้อความ ตัวอัปโหลดรูปภาพ และการเลือกดรอปดาวน์เป็นตัวอย่างของฟิลด์เหล่านี้
เรายังต้องปรับแต่งเมนูแบบเลื่อนลงของผู้เผยแพร่โฆษณาเพื่อแสดงรายการตัวเลือกแบบไดนามิก เนื่องจากบทความใหม่แต่ละบทความจะถูกเพิ่มลงในรายชื่อบทความทั้งหมดของผู้จัดพิมพ์ เราจะต้องเลือกผู้จัดพิมพ์ที่มีอยู่จากฐานข้อมูลของเรา
เมื่อตั้งค่าเมนูแบบเลื่อนลงนี้ เราจะเลือกประเภทของตัวเลือกที่จะเป็นผู้เผยแพร่
หลังจากนั้น แหล่งข้อมูลของเราจะสแกนฐานข้อมูลของเราและส่งคืนรายการสิ่งพิมพ์ปัจจุบันทั้งหมด สุดท้าย เราจะเปลี่ยนคำบรรยายต้นฉบับเพื่อรวมชื่อผู้จัดพิมพ์
เมื่อนักเขียนป้อนข้อมูลที่จำเป็นลงในรายการในหน้าแต่ละรายการแล้ว พวกเขาจะคลิกปุ่มเผยแพร่เพื่อสร้างเรื่องใหม่
จากนั้น ภายในฐานข้อมูลของคุณ คุณจะสร้างสิ่งใหม่โดยตั้งค่าประเภทข้อมูลเป็นการบรรยาย
จากนั้นเราจะต้องเริ่มเติมข้อมูลในฐานข้อมูลของเราด้วยฟิลด์ที่จำเป็น เชื่อมต่อแต่ละองค์ประกอบอินพุตในหน้ากับคอลัมน์ฐานข้อมูลที่เกี่ยวข้อง
อันดับแรก เราจะสร้างประเภทเนื้อหาเรื่องราว ซึ่งสุดท้ายจะเชื่อมโยงกับเรื่องราวเอง
ต่อไป เราจะเพิ่มขั้นตอนอื่นในขั้นตอนนี้ สร้างอย่างอื่น คราวนี้ เรื่องราวเอง
เป็นไปได้ที่จะรวมข้อมูลนี้อย่างง่ายดายทั่วทั้งแพลตฟอร์มของคุณโดยการรวมเนื้อหาการเล่าเรื่องแรกที่เราพัฒนากับเรื่องนี้
จะมีการสร้างเรื่องใหม่ทุกครั้งที่เปิดใช้งานขั้นตอนนี้
5. การแสดงเนื้อหาไดนามิกในฟีด
เมื่อผู้เผยแพร่โฆษณาเริ่มอัปโหลดเนื้อหาไปยังแอปบนอุปกรณ์เคลื่อนที่ของคุณ เราจะต้องเริ่มสร้างตรรกะในหน้าแรกของคุณที่แสดงแต่ละบทความเป็นรายการแบบไดนามิก สิ่งนี้สามารถทำได้โดยใช้องค์ประกอบกลุ่มที่ทำซ้ำของเรา
กลุ่มที่เกิดซ้ำจะทำงานกับฐานข้อมูลของคุณเพื่อนำเสนอและรีเฟรชรายการวัสดุแบบไดนามิก
เมื่อใช้กลุ่มที่เกิดซ้ำ ก่อนอื่นคุณต้องเชื่อมโยงองค์ประกอบกับประเภทข้อมูลในฐานข้อมูลของคุณ
ในกรณีนี้ คุณจะจัดประเภทเนื้อหาเป็นนิทาน คุณจะต้องระบุแหล่งข้อมูลเป็นรายการตารางทั้งหมดในฐานข้อมูลของคุณ
นอกจากนี้เรายังจะจัดกลุ่มที่เกิดซ้ำนี้ตามวันที่เริ่มต้นของแต่ละเรื่อง โดยแสดงรายการตามลำดับเวลาย้อนกลับ ตอนนี้คุณสามารถเริ่มจัดระเบียบวัสดุแบบไดนามิกที่จะปรากฏภายในแต่ละตาราง
เพียงกรอกข้อมูลในแถวบนสุดด้วยวัสดุที่เหมาะสมที่คุณต้องการแสดง แล้วองค์ประกอบที่มีประสิทธิภาพนี้จะเติมข้อมูลในคอลัมน์ที่เหลือด้วยข้อมูลจากฐานข้อมูลปัจจุบันของคุณ
6. การส่งข้อมูลระหว่างเพจ
นอกจากนี้ยังสามารถสร้างเหตุการณ์ภายในแต่ละแถวของกลุ่มที่เกิดซ้ำได้ เมื่อพัฒนาคุณลักษณะการนำทางสำหรับแพลตฟอร์มของคุณ ฟังก์ชันนี้จะมีประโยชน์
หน้าแรกของแอปข่าวของเราแสดงเพียงตัวอย่างของแต่ละเรื่อง รวมถึงผู้จัดพิมพ์ รูปภาพเด่น และชื่อเรื่องราว
อย่างไรก็ตาม จะไม่แสดงเนื้อหาทั้งหมดของบทความจนกว่าผู้ใช้จะคลิกผ่านไปยังหน้าเรื่องราว เราจะใช้ตัวแก้ไขเวิร์กโฟลว์ของเราในการส่งข้อมูลระหว่างหน้าต่างๆ เพื่อแสดงเนื้อหานี้
ในการเริ่มต้น ให้สร้างกระบวนการที่ส่งผู้ใช้ไปยังหน้าเรื่องราวเมื่อมีการคลิกรูปภาพของเรื่องราว
ใช้เหตุการณ์การนำทางเพื่อโอนผู้ใช้ไปยังหน้าอื่นในขณะที่พัฒนากระบวนการนี้
เลือกประเภทหน้าปลายทางที่จะเป็นหน้าบรรยายจากเมนูแบบเลื่อนลง จากนั้น คุณจะต้องให้ข้อมูลเพิ่มเติมแก่หน้านี้ เพื่อให้โปรแกรมแก้ไข Bubble เข้าใจว่าจะแสดงเรื่องราวพิเศษเรื่องใด
ข้อมูลที่คุณจะต้องให้มาจากเรื่องเซลล์ปัจจุบัน
7. การแสดงเนื้อหาแบบไดนามิกในหน้าเรื่องราว
คุณสามารถดึงข้อมูลเหตุการณ์นี้และแสดงเนื้อหาที่เกี่ยวข้องจากการเล่าเรื่องได้อย่างง่ายดายเมื่อผู้ใช้ถูกส่งไปยังหน้าเรื่องราวบางหน้า
ในการสร้างฟังก์ชันนี้ ก่อนอื่นคุณต้องตรวจสอบว่าประเภทเพจเป้าหมายตรงกับคุณสมบัติข้อมูลที่คุณส่งผ่านเวิร์กโฟลว์ ในสถานการณ์นี้ คุณต้องเชื่อมโยงเพจเรื่องกับคุณสมบัติเรื่อง
มันสามารถดึงและส่งข้อมูลที่เหมาะสมจากแหล่งที่มีอยู่โดยการจัดหมวดหมู่ประเภทของเนื้อหาบนหน้า
ตอนนี้คุณสามารถเริ่มแทรกวัสดุแบบไดนามิกลงในฟิลด์ที่แสดงข้อมูลจากตารางเดียว
8. การแสดงบทความของผู้จัดพิมพ์
หลังจากอ่านรายการข่าวแล้ว ผู้ใช้สามารถเลือกตรวจสอบแคตตาล็อกบทความทั้งหมดของผู้จัดพิมพ์ได้ หากคุณได้พัฒนาประเภทข้อมูลของผู้เผยแพร่ การสร้างเพจแยกต่างหากสำหรับผู้เผยแพร่นั้นง่ายพอๆ กับการสร้างโฮมเพจดั้งเดิมของเรา
ในหน้านี้ เราจะต้องเริ่มต้นด้วยการตั้งค่าประเภทหน้าเป็นผู้เผยแพร่
จากนั้นคัดลอกกลุ่มที่เกิดซ้ำจากหน้าแรกและแก้ไขการตั้งค่า
ในกรณีนี้ แหล่งข้อมูลของกลุ่มที่เกิดซ้ำของเราจะค้นหาบทความที่มีอยู่ทั้งหมดซึ่งผู้จัดพิมพ์เป็นผู้เผยแพร่หน้าปัจจุบัน
9. ติดตามผู้เผยแพร่
คุณลักษณะพื้นฐานที่สามที่เราจะสร้างขึ้นสำหรับ MVP ของเราคือความสามารถในการติดตามผู้เผยแพร่บนแพลตฟอร์ม เราจะเพิ่มปุ่มติดตามในหน้าผู้เผยแพร่ เมื่อเราคลิกไอคอนนี้ เราจะเปิดตัวกระบวนการใหม่ที่แก้ไขบางสิ่ง
การเพิ่มผู้เผยแพร่เพจปัจจุบันในรายการสิ่งพิมพ์ต่อไปนี้จะเปลี่ยนผู้ใช้ปัจจุบัน
หลังจากนั้น เราจะต้องอัปเดตรายชื่อผู้ติดตามของผู้เผยแพร่เพจปัจจุบันโดยเพิ่มผู้ใช้ปัจจุบัน
10. คุณสมบัติเพิ่มเติมที่คุณสามารถเพิ่มได้
เมื่อคุณคุ้นเคยกับการสร้างฟิลด์ข้อมูลที่กำหนดเองและนำเสนอข้อมูลแบบไดนามิกแล้ว คุณสามารถสร้างสรรค์ประสบการณ์ที่คุณสร้างขึ้นสำหรับผลิตภัณฑ์ของคุณได้ คุณยังสามารถรวม:
- สร้างคุณลักษณะที่ช่วยให้ผู้ใช้สามารถบันทึกเนื้อหาสำหรับการอ่านในภายหลัง
- ที่ด้านล่างของแต่ละชิ้น ให้จัดเตรียมชุดบทความที่แนะนำเป็นประจำ
- สร้างเครื่องมือค้นหาเพื่อช่วยให้ผู้คนค้นพบเนื้อหาใหม่ๆ บนไซต์
11. ผลลัพธ์
แอปสุดท้ายของคุณจะมีลักษณะดังนี้
ข้อดี
- ความสามารถในการเชื่อมต่อกับ API และปลั๊กอินจำนวนมาก
- แอปพลิเคชั่นที่ใช้งานง่ายไม่มีรหัส
- ผู้ที่ไม่มีประสบการณ์ด้านการเขียนโปรแกรมจะได้รับประโยชน์จากสิ่งนี้
- เครื่องมือออกแบบที่ทั้งเอนกประสงค์และทรงพลัง
- การประมวลผลแบบสอบถามอย่างรวดเร็ว
จุดด้อย
- ความน่าเชื่อถือที่เพิ่มขึ้น
- ความเร็วในการประมวลผลข้อมูลช้า
- ประสิทธิภาพมีข้อจำกัด
ราคา
แผนบริการฟรีช่วยให้คุณเรียนรู้เกี่ยวกับแพลตฟอร์มและพัฒนาแอปพลิเคชันของคุณ
การสมัครแบบชำระเงินรวมถึงบริการเพิ่มเติม เช่น การติดฉลากขาว โดเมนที่กำหนดเอง การเข้าถึง Bubble API และความจุของเซิร์ฟเวอร์ที่สงวนไว้ ซึ่งแสดงอยู่ด้านล่าง
- ส่วนบุคคล – $ 25 / เดือน (ชำระเป็นรายปี) หรือ $ 29 / เดือน (ชำระเป็นรายเดือน)
- มืออาชีพ – $115/เดือน (ชำระเป็นรายปี) หรือ $129/เดือน (ชำระเป็นรายเดือน)
- การผลิต – $475/เดือน (ชำระเป็นรายปี) หรือ $529/เดือน (ชำระเป็นรายเดือน)
สรุป
Bubble เป็นทางเลือกที่ยอดเยี่ยมสำหรับการสร้างเว็บแอปพลิเคชันที่สามารถแสดงข้อมูลหรือมี UI เพียงเล็กน้อยเท่านั้น
มันค่อนข้างใช้งานง่าย และบทช่วยสอนของ Bubble ก็มีประโยชน์อย่างมาก โปรแกรมแก้ไขภาพออนไลน์ที่ให้คุณออกแบบเว็บแอปตามความต้องการของคุณ
และส่วนที่ดีที่สุดคือคุณไม่จำเป็นต้องมีประสบการณ์การเขียนโปรแกรมหรือความเชี่ยวชาญใดๆ Bubble เหมาะสำหรับทุกคน ไม่ว่าคุณจะรู้วิธีเขียนโค้ดหรือไม่ก็ตาม
อย่างไรก็ตาม ความเข้าใจล่วงหน้าเกี่ยวกับภาษาส่วนหน้าจะทำให้คุณได้เปรียบ เพราะจะช่วยให้คุณทราบได้อย่างรวดเร็วว่ากำลังทำอะไรเกี่ยวกับการจัดการเหตุการณ์
คุณคิดอย่างไรเกี่ยวกับความสามารถของ Bubble?
แจ้งให้เราทราบในความคิดเห็น!
อาร์เบฮี
สามารถสร้างร้านค้าเพื่อขายสินค้าโดยใช้เครื่องมือ bubble.io ได้หรือไม่