แอปเว็บและแดชบอร์ด: สิ่งที่ Briks สร้างได้ในวันนี้
นอกจากเว็บไซต์แล้ว New project ยังมี App และ Dashboard ให้เลือก หน้านี้อธิบายว่าแต่ละแบบสร้างอะไรได้ในปัจจุบัน ข้อมูลอยู่ที่ใด และอะไรที่ยังไม่พร้อมใช้งาน จากนั้นพาไปดูสามโปรเจกต์: แอปคำขอจอง ระบบติดตามสต็อก และแดชบอร์ดออเดอร์ของคาเฟ่
สามประเภท
| ประเภท | New project อธิบายไว้อย่างไร | สิ่งที่สร้างได้ในปัจจุบัน |
|---|---|---|
| Website | หน้าที่ผู้คนเข้าชม เช่น ร้านค้า คลินิก ร้านอาหาร พอร์ตโฟลิโอ | หน้าที่ออกแบบแล้วพร้อมรูปภาพและการเคลื่อนไหว ครอบคลุมในส่วน Building ตั้งแต่ เริ่มโปรเจกต์ใหม่ |
| App | สิ่งที่ผู้คนลงชื่อเข้าใช้: พอร์ทัลลูกค้า เครื่องมือจองคิว | เว็บไซต์ที่มีส่วนทำงานได้จริง: ฟอร์มที่บันทึกข้อมูล ระเบียนที่คุณจัดการได้ หน้าและรายการที่สร้างจากระเบียนเหล่านั้น และการค้นหา |
| Dashboard | ตัวเลขที่ทีมคอยติดตาม: ยอดขายตามขั้นตอน สต็อกที่ต้องสั่งเพิ่ม | หน้าจอสำหรับงานประจำวัน: การนำทาง ตัวเลขสำคัญ แผนภูมิ ตาราง รายละเอียดข้อมูล แบบฟอร์ม และการตั้งค่า |
เริ่มแอปหรือแดชบอร์ด
เลือกประเภท
ที่ไหน: New project
คลิก New project ในแถบด้านข้าง เลือก App หรือ Dashboard ตั้งชื่อ แล้วคลิก Next
บอกว่าต้องเก็บอะไรไว้
ที่ไหน: Describe it
อธิบายว่าใครใช้และทำอะไร ระบุสิ่งที่ต้องจัดเก็บ ข้อมูลแต่ละระเบียนมีอะไร และใครเป็นผู้อัปเดต สำหรับแดชบอร์ด Start from an example มี Sales pipeline และ Stock levels เป็นจุดเริ่มต้น
เลือกจุดแวะ
ที่ไหน: How it is built
แอปมีตัวเลือกเดียวกับเว็บไซต์ สำหรับแดชบอร์ด ขั้นตอนนี้จะแจ้งว่า “A dashboard builds straight through, with no words to approve and no look or hero to choose.”
สร้างเลย
ที่ไหน: Review and create
คลิก Build it เวอร์ชันแรกใช้เวลาไม่กี่นาที และคุณดูการสร้างได้แบบเรียลไทม์
ตรวจสอบเรคคอร์ด
ที่ไหน: Database
เมื่อเผยแพร่แล้ว ให้เปิดแท็บ Database เพื่อดูแต่ละคอลเลกชันและระเบียนในนั้น
สิ่งที่แอปทำได้ในปัจจุบัน
แอปถูกวางแผนและสร้างเหมือนเว็บไซต์ โดยมีคำถามก่อนสร้าง จุดขออนุมัติ และบอร์ดลุคแบบเดียวกัน เมื่อคำอธิบายของคุณขอให้เก็บบางอย่าง แอปจะได้เพิ่มด้วย:
- ฐานข้อมูลของตัวเอง สร้างให้คุณในสหภาพยุโรปเมื่อการสร้างเริ่มจัดเก็บข้อมูลครั้งแรก เช่น การจอง สินค้า กิจกรรม คำสอบถาม หรือโพสต์
- ฟอร์มที่บันทึกข้อมูล ฟอร์มมาตรฐานเก็บแต่ละรายการไว้ที่ Settings, Forms และส่งอีเมลถึงคุณเมื่อเว็บไซต์อยู่ในเวอร์ชันใช้งานจริง หรือจะให้ฟอร์มบันทึกแต่ละรายการเป็นเรกคอร์ดก็ได้ ซึ่งคุณหาเจอ แก้ไข และเปลี่ยนรายละเอียดได้ภายหลัง ระบุเรื่องนี้ในคำอธิบายของคุณ
- หน้าเว็บที่สร้างจากระเบียน หน้ารายการและหน้าของแต่ละระเบียน ทำให้ทุกกิจกรรมหรือสินค้าเป็นหน้าเว็บจริงที่เสิร์ชเอนจินค้นหาเจอ หลังระเบียนเปลี่ยน เว็บไซต์ที่เผยแพร่จะอัปเดตตามภายในไม่กี่นาที
- Search ในสิ่งที่เก็บไว้ เมื่อคุณขอ
- บัญชีผู้ใช้และการชำระเงิน เมื่อคุณขอ: การสมัครและเข้าสู่ระบบสำหรับผู้ใช้ของเว็บไซต์เอง การชำระเงินครั้งเดียวและการสมัครสมาชิกผ่านผู้ให้บริการชำระเงินของคุณเอง รวมถึงการจัดส่งหรือสต็อกที่สร้างด้วยบัญชีชำระเงินของคุณเอง ดู การเข้าสู่ระบบและการชำระเงิน
- บริการของคุณเองที่ใช้คีย์ของคุณ เช่น รายชื่ออีเมล ระบบ CRM หรือสเปรดชีต ให้ขอเป็นการเปลี่ยนแปลงหลังจากเผยแพร่เว็บไซต์แล้ว Briks จะขอคีย์ก่อน โดยมีช่องที่บันทึกคีย์ลงใน Secrets ทันที และโค้ดฝั่งเซิร์ฟเวอร์ของเว็บไซต์จะเรียกใช้บริการด้วยคีย์นั้น หน้าเว็บในเบราว์เซอร์ของผู้เข้าชมจะไม่เรียกที่อยู่อื่นโดยตรง ดูคำถามก่อนการสร้าง
ก่อนเผยแพร่เว็บไซต์ที่มีโค้ดทำงานแบบนี้ Briks จะอ่านโค้ดเพื่อหาช่องโหว่ด้านความปลอดภัย เช่น คีย์ที่เขียนไว้ในไฟล์ การบันทึกข้อมูลโดยไม่มีขีดจำกัด การอ่านข้อมูลของสมาชิกโดยไม่มีใครลงชื่อเข้าใช้ และการสืบค้นฐานข้อมูลที่ประกอบขึ้นจากข้อความ
แดชบอร์ดคืออะไร
แดชบอร์ดถูกสร้างเป็นหน้าจอที่ผู้คนใช้ทำงานทุกวัน ไม่ใช่หน้าที่เลื่อนอ่าน คุณจะได้:
- โครงที่มีการนำทางอยู่ด้านข้าง เป็นแถบไอคอนแบบเรียว หรืออยู่ด้านบน พร้อมแถบด้านบน
- ส่วนหัวในแต่ละหน้าจอ ประกอบด้วยชื่อหน้า คำอธิบายสั้นๆ และการดำเนินการหลัก
- ตัวเลขสำคัญสามถึงห้าตัว แผนภูมิพร้อมหน่วยและป้ายกำกับ และตารางที่มีการค้นหา ตัวกรอง การเรียงลำดับ และการแบ่งหน้า
- หน้ารายละเอียดข้อมูล ฟอร์ม และหน้าการตั้งค่า ตามที่คำอธิบายของคุณต้องการ
- บนโทรศัพท์ การนำทางด้านข้างจะกลายเป็นเมนู และตัวเลขจะเรียงสองรายการต่อแถว แล้วเหลือหนึ่งรายการต่อแถว
ไม่มี hero ไม่มีพาดหัวการตลาด ไม่มีแอนิเมชันตามการเลื่อน และไม่สร้างรูปภาพ แดชบอร์ดยังข้ามคำถามก่อนสร้างและจุดขออนุมัติ โดยสร้างจากคำอธิบายของคุณทันที
ตัวเลขมาจากไหน
แดชบอร์ดเก็บระเบียนไว้ในฐานข้อมูลของโปรเจกต์ โดยมีตารางสำหรับระเบียนแต่ละประเภทที่หน้าจอของแดชบอร์ดแสดง เวอร์ชันแรกเติมระเบียนตัวอย่างที่สมจริงและสอดคล้องกัน สินค้า ราคา และบุคคลที่คำอธิบายของคุณระบุไว้จะกลายเป็นระเบียน ส่วนบุคคลอื่นจะใช้ชื่อที่สมมติขึ้น ตาราง แผนภูมิ และตัวเลขสำคัญอ่านจากระเบียนเหล่านั้น ยอดรวมทุกค่าคำนวณจากแถวข้อมูล และแบบฟอร์มที่เพิ่มหรือแก้ไขระเบียนจะบันทึกลงไป หน้าเข้าสู่ระบบใช้งานได้จริง: ขณะเป็นพรีวิว ใครมีที่อยู่ก็เปิดดูได้ และเมื่อเผยแพร่เป็นเวอร์ชันใช้งานจริงแล้ว เฉพาะบัญชี Staff และ Admin ที่เข้าสู่ระบบแล้วเท่านั้นที่เห็นข้อมูล สมัครด้วยอีเมลที่คุณใช้ในสตูดิโอเพื่อเป็น Admin ของแดชบอร์ดนั้น
หากต้องการกำหนดรูปแบบข้อมูล ให้ระบุในคำอธิบายว่าเก็บอะไร แต่ละรายการมีอะไรบ้าง และใครเป็นผู้อัปเดต คุณแก้ไขข้อมูลได้ในแท็บ Database แล้วหน้าจอจะปรับตาม
ข้อมูลของคุณในแท็บ Database
เมื่อโปรเจกต์มีฐานข้อมูลแล้ว แท็บ Database จะมีห้ามุมมอง ได้แก่ Data, Accounts, Orders, Subscriptions และ Settings Owner และ Admin จะเห็นแท็บนี้ก่อนหน้านั้นด้วย พร้อม Create database
- Data แสดงแต่ละคอลเลกชันพร้อมจำนวนเรคคอร์ดที่มี Owner, Admin และ Editor เปิด แก้ไข และลบเรคคอร์ดได้ “การเปลี่ยนแปลงจะไปถึงเว็บไซต์ที่เผยแพร่ภายในไม่กี่นาที”
- Accounts แสดงรายชื่อผู้ที่สร้างบัญชีบนเว็บไซต์ ซึ่งคุณกำหนดบทบาทของแต่ละคนเป็น Member, Staff หรือ Admin ได้ Orders แสดงสิ่งที่เว็บไซต์ขายผ่านผู้ให้บริการชำระเงินของคุณเอง และ Subscriptions แสดงสมาชิกที่จ่ายค่าแพ็กเกจแบบต่ออายุ Accounts และ Orders จะแสดงข้อความ No accounts yet หรือ No orders yet จนกว่าจะมีรายการแรกเข้ามา
- Settings มีการดาวน์โหลด (สูงสุด 50,000 เรคคอร์ดต่อคอลเลกชัน เป็นสเปรดชีตหรือ JSON) จุดคืนค่า และสำเนารายคืน การดาวน์โหลดและสำเนารายคืนมีให้ในแผนแบบชำระเงิน
ฐานข้อมูล อธิบายเรื่องระเบียนอย่างครบถ้วน และ การสำรองข้อมูล อธิบายเรื่องสำเนาและการกู้คืน
งานตามกำหนดเวลาและเว็บฮุก
สองส่วนใน Settings ของโปรเจกต์ ในกลุ่ม Developer ช่วยให้แอปทำงานตามตารางเวลา หรือแจ้งซอฟต์แวร์อื่นว่าเกิดอะไรขึ้น
- งานตามกำหนดเวลา เรียกที่อยู่ตามตารางเวลาที่คุณเลือก เช่น Every day at 09:00 หรือ Mondays at 09:00 จะเป็นที่อยู่ของแอปคุณเองที่ขึ้นต้นด้วย
/api/หรือที่อยู่อื่นก็ได้ แอปของคุณต้องมีที่อยู่นั้นก่อน จึงให้ขอเป็นการเปลี่ยนแปลง ดู งานตามกำหนดเวลา - Webhooks ส่งข้อความไปยังที่อยู่อื่นเมื่อมีเหตุการณ์เกิดขึ้น: Published, Form received หรือ Record changed ดู Webhooks
| แพ็กเกจ | งานตามกำหนดเวลาต่อโปรเจกต์ | เว็บฮุกต่อโปรเจกต์ |
|---|---|---|
| Free | 1 | 1 |
| Starter | 5 | 5 |
| Pro | 10 | 10 |
| Studio | 25 | 25 |
| Agency | 50 | 50 |
สิ่งที่ยังไม่มีให้ใช้
- แพ็กเกจที่ต่ออายุผ่าน PayPal, Mollie, Razorpay, Creem หรือ Dodo Payments: ตอนนี้ผู้ให้บริการเหล่านี้รับได้เฉพาะการชำระเงินครั้งเดียว การสมัครสมาชิกใช้ได้ผ่าน Stripe, Paddle, Polar หรือ Lemon Squeezy
- การส่งออกรายการจากแบบฟอร์มใน Forms ส่วนระเบียนในฐานข้อมูลดาวน์โหลดได้ในแพลนแบบชำระเงิน
- อีเมลจากโดเมนของคุณเอง อีเมลเว็บไซต์ ส่งจากที่อยู่ของโครงการคุณเองที่ emails.briks.live
- API สาธารณะ เซิร์ฟเวอร์ MCP หรือบรรทัดคำสั่งสำหรับ Briks เอง
ซอฟต์แวร์อื่นยังเชื่อมต่อได้สามวิธี: เว็บฮุกส่งเหตุการณ์ออกไป งานตามกำหนดเวลาเรียกที่อยู่ปลายทางตามตารางเวลา และการเปลี่ยนแปลงสามารถเชื่อมต่อบริการที่ใช้คีย์ของคุณเองได้ ตามที่อธิบายไว้ข้างต้น
ตัวอย่างการใช้งานจริงสามตัวอย่าง
Paws & Suds เป็นร้านอาบน้ำตัดขนสุนัขในบริสตอล แอปรับคำขอจองคิว: เจ้าของเลือกบริการ (ตัดแต่งขนเต็มรูปแบบ £55, อาบน้ำและแต่งขน £38, ตัดเล็บ £12) เลือกวันที่สะดวกและช่วงเช้าหรือบ่าย พร้อมกรอกชื่อ สายพันธุ์ และขนาดของสุนัข รวมถึงเบอร์โทรศัพท์ ทางร้านจะโทรกลับเพื่อยืนยัน เก็บทุกคำขอเป็นระเบียนที่มีสถานะ ใหม่ ยืนยันแล้ว หรือปฏิเสธ มีหน้าแรกที่แสดงบริการ ราคา และเวลาทำการ
หน้าแรกที่มีบริการและราคา พร้อมฟอร์มขอใช้บริการ แต่ละคำขอจะถูกบันทึกเป็นระเบียนในคอลเลกชันคำขอจอง แสดงในแท็บ Database พร้อมจำนวน ผู้รับสายจะเปิดคำขอใหม่แต่ละรายการ โทรหาเจ้าของ และเปลี่ยนสถานะของคำขอ ระบบไม่ตรวจปฏิทินเพื่อหาช่วงเวลาว่าง หากต้องการเงินมัดจำผ่านตัวประมวลผลของคุณเอง หรือบัญชีให้เจ้าของเข้าสู่ระบบและดูการจองของตน ต้องขอไว้ในคำอธิบาย
Fern & Stone เป็นศูนย์จำหน่ายอุปกรณ์ตกแต่งสวนที่มีร้านในแฮร์โรเกตและริปอน ต้องการแดชบอร์ดสต็อกภายใน: สินค้าทุกรายการพร้อมหมวดหมู่ สต็อกในแต่ละร้าน ระดับสั่งซื้อซ้ำ ซัพพลายเออร์ และวันที่ส่งของล่าสุด ทำเครื่องหมายสินค้าที่ต่ำกว่าระดับสั่งซื้อซ้ำ เก็บสินค้าเป็นเรคคอร์ดที่ผู้จัดการของเราอัปเดตทุกวันศุกร์ และอ่านตัวเลขทุกตัวจากเรคคอร์ดเหล่านั้น
เมนูนำทางสำหรับ Overview, Products และ Suppliers หน้าภาพรวมเริ่มด้วยตัวเลขสำคัญ เช่น รายการที่ต่ำกว่าระดับสั่งซื้อซ้ำ ตารางสิ่งที่ต้องสั่งซื้อซ้ำ และแผนภูมิตามหมวดหมู่ สินค้าเป็นระเบียนในแท็บ Database วันศุกร์ผู้จัดการแก้ไขจำนวนที่นั่น และแดชบอร์ดจะอัปเดตตามภายในไม่กี่นาที เมื่อเผยแพร่เป็นเวอร์ชันใช้งานจริงแล้ว มีเพียงบัญชี Staff และ Admin ที่ลงชื่อเข้าใช้เท่านั้นที่เห็นตัวเลข ผู้จัดการสมัครบนแดชบอร์ด และเจ้าของกำหนดบทบาท Staff ให้บัญชีนั้นใต้ Accounts
Little Kiln เป็นคาเฟ่ในเมือง Hebden Bridge แดชบอร์ดคำสั่งซื้อ: คำสั่งซื้อและยอดขายวันนี้และสัปดาห์นี้ ยอดขายรายวันย้อนหลัง 30 วัน สินค้าขายดีห้าอันดับ และตารางคำสั่งซื้อของวันนี้ พร้อมเวลา รายการ ยอดรวม และระบุว่าทานที่ร้านหรือซื้อกลับ
หน้าจอจะออกมาตามที่อธิบาย โดยอ่านออเดอร์จากฐานข้อมูลของโปรเจกต์ ซึ่งเวอร์ชันแรกจะใส่ออเดอร์ตัวอย่างที่ดูสมจริงไว้ให้ แต่อ่านข้อมูลจากเครื่องคิดเงินหรือเครื่องรูดบัตรไม่ได้ หากต้องการติดตามยอดขายจริง ให้แทนที่ออเดอร์ตัวอย่างในแท็บ Database หรือขอคอลเลกชันยอดขายรายวันแล้วกรอกตัวเลขของแต่ละวันที่นั่น
ควรเลือกแบบไหนสำหรับพอร์ทัลลูกค้า
App ขอบัญชีลูกค้าในคำอธิบายและบอกว่าลูกค้าแต่ละคนดูอะไรได้บ้าง ลูกค้าสมัครด้วยอีเมลและรหัสผ่าน และคุณตั้งบทบาทได้ที่ Database, Accounts ดู การเข้าสู่ระบบและการชำระเงิน
เว็บไซต์เก็บข้อมูลได้ด้วยหรือไม่
ได้ ขอในการเปลี่ยนแปลงว่าต้องเก็บอะไรไว้ เช่น กิจกรรมหรือสินค้า แล้วฐานข้อมูลจะถูกสร้างขึ้นเมื่อบิลด์เก็บข้อมูลเป็นครั้งแรก
แดชบอร์ดอัปเดตเองได้หรือไม่
เฉพาะจากระเบียนในฐานข้อมูลของตัวเองเท่านั้น ไม่อ่านซอฟต์แวร์อื่นของคุณ เว้นแต่การเปลี่ยนแปลงหนึ่งจะเชื่อมบริการด้วยคีย์ของคุณเอง เมื่อคุณเปลี่ยนระเบียน แดชบอร์ดที่เผยแพร่แล้วจะอัปเดตตามภายในไม่กี่นาที