node red contrib uibuilder

Node-red-contrib-uibuilder

UiBuilder สำหรับ Node-Red ช่วยให้สามารถสร้างเว็บแอปพลิเคชันส่วนหน้าที่ขับเคลื่อนด้วยข้อมูลได้อย่างง่ายดาย

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

บันทึก

Uibuilder กระตุ้นการเตือนคุณภาพในรายการดัชนีชี้วัดการไหล

"จำนวนการพึ่งพา" คือ> 6 - นี่เป็นเพราะคุณสมบัติจำนวนมากใน UiBuilder และคาดว่าจะเกิดขึ้น ถึงกระนั้น V7 ก็มีเพียง 7 การพึ่งพา อีก 1 จะถูกลบออกในการเปิดตัวในอนาคต

การติดตั้ง

Uibuilder ติดตั้งได้ดีที่สุดโดยใช้ Palette Manager ของ Node-Red

การติดตั้งด้วยตนเองและเวอร์ชันอื่น ๆ

ในการติดตั้งด้วยตนเองจากบรรทัดคำสั่งบนเซิร์ฟเวอร์ Node-Red ของคุณ:

 cd ~ /.node-red
npm install node-red-contrib-uibuilder

ในการติดตั้งเวอร์ชันเก่าให้ระบุหมายเลขเวอร์ชันหลัก:

 cd ~ /.node-red
npm install node-red-contrib-uibuilder@v5

ในการติดตั้งสาขาการพัฒนาโปรดติดตั้งจาก GitHub BranchNames เป็นหมายเลขเวอร์ชันในอนาคตตรวจสอบ GitHub สำหรับสาขาที่มีอยู่:

 cd ~ /.node-red
npm install totallyinformation/node-red-contrib-uibuilder#v7.1.0

คุณจะต้องรีสตาร์ท Node-Red หากติดตั้งด้วยตนเอง

การอัปเดต

การเปลี่ยนแปลงปัจจุบันมีการเปลี่ยนแปลงและรายละเอียดข้อกำหนดทั้งหมดสำหรับแต่ละเวอร์ชัน

การเปลี่ยนแปลงที่เก่ากว่าสามารถพบได้ในเอกสารการเปลี่ยนแปลงก่อนหน้านี้: Changelog-V5, Changelog-V5, Changelog-V3/V4, Changelog-V2 และ Changelog-V2

เริ่มต้น

เมื่อติดตั้งแล้วสิ่งต่อไปนี้เป็นโฟลว์แบบง่าย ๆ ที่จะดำเนินการต่อไป

1. เพิ่มโหนด uibuilder เปิดการตั้งค่าและให้ "URL" ซึ่งใช้เป็นชื่อที่ระบุ ปิดการตั้งค่าและคลิกที่ปุ่มปรับใช้
2. เปิดการตั้งค่าโหนด uibuilder อีกครั้งและคลิกปุ่ม "เปิด" เพื่อดูหน้าเว็บที่ได้

ตอนนี้คุณพร้อมที่จะแก้ไข HTML/JavaScript/CSS ส่วนหน้าหากคุณต้องการและเพิ่มตรรกะใน Node-Red เพื่อให้อินพุตและจัดการเอาต์พุต คุณยังสามารถใช้คุณสมบัติไม่มีรหัสของ UiBuilder เพื่อสร้าง UI ของคุณได้เช่นกันหรือแทน

โปรดดูคำแนะนำครั้งแรกในเอกสารและวิดีโอแนะนำสำหรับความช่วยเหลือเพิ่มเติมในการเริ่มต้น ลองใช้ตัวอย่างการไหลในตัว

ตัวอย่าง

ภายใน Node-Red ให้ใช้เมนูแฮมเบอร์เกอร์ คลิกนำเข้า ตัวอย่างคลิก เลือกโฟลเดอร์ Node-Red-Contrib-uibuilder และเลือกตัวอย่าง

คุณลักษณะเทมเพลตใน UiBuilder ให้รหัสส่วนหน้าทำงานของการกำหนดค่าต่างๆ

ตัวอย่างอื่น ๆ สามารถพบได้ในไซต์ Node-Red Flows และ Uibuilder Wiki ดูคำถามที่พบบ่อยและตอบคำถามในฟอรัม Node-Red

เอกสารและลิงค์อื่น ๆ

โปรดดูเว็บไซต์เอกสาร นอกจากนี้ยังสามารถเข้าถึงได้จากภายในโหนด UiBuilder แม้จะไม่มีการเชื่อมต่ออินเทอร์เน็ต

มีห้องสมุดวิดีโอบทเรียน "เป็นทางการ" บน YouTube ชาวบ้านอื่น ๆ ยังผลิตเนื้อหาที่เกี่ยวข้องกับ Uibuilder

คำถามปัญหาและข้อเสนอแนะ

สถานที่ที่ดีที่สุดในการถามคำถามหรือหารือเกี่ยวกับการปรับปรุงที่เป็นไปได้คือฟอรัม Node-Red

อีกทางเลือกหนึ่งใช้บันทึกปัญหา GitHub สำหรับการยกประเด็นหรือสนับสนุนข้อเสนอแนะและการปรับปรุงและหน้าการอภิปราย GitHub สำหรับคำถามทั่วไปคำแนะนำ ฯลฯ

ลิงค์อื่น ๆ

• uibuilder สำหรับ node-red

  • ❓ความคิดคำถามและความช่วยเหลือทั่วไป-ถามคำถามของคุณในฟอรัม Node-Red โดยใช้แท็ก Node-Red-Contrib-uibuilder
  • - เอกสาร - ไปที่เอกสารล่าสุด
  • ? ‍ การไหล - ตัวอย่างไหล, โหนดและคอลเลกชันที่เกี่ยวข้องกับ uibuilder
  • Wiki - เอกสารและตัวอย่างเพิ่มเติม
  • ตัวอย่างเทมเพลตภายนอก svelte - ในกรณีที่คุณต้องการสร้างแอพ Svelte ของคุณเอง
  • ตัวอย่างเทมเพลตภายนอกง่าย ๆ - ในกรณีที่คุณต้องการสร้างเทมเพลตภายนอกของคุณเอง
  • UPLOT UIBUILDER EXTENSION - แผนภูมิที่มีประโยชน์ แต่ยังแสดงให้เห็นถึงวิธีการสร้างส่วนขยายของคุณเอง
  • - โมดูลตัวจัดการเหตุการณ์ที่ใช้โดย UiBuilder - เพื่อให้คุณสามารถดูการทำงานภายในบางส่วน

• - โมดูลไลบรารี UI ที่ใช้โดย UIBUILDER - สามารถใช้สแตนด์อโลนสำหรับการเปลี่ยนมาตรฐาน UI มาตรฐาน JSON เป็น HTML

• - Node-Red-Contrib-Moment-โหนดเพื่อใช้ประโยชน์จากไลบรารีการจัดการวันที่/เวลาของโมเมนต์ในโหนด-แดง

• - โหนดทดสอบสำหรับ Node-Red-โหนดทดสอบบางอย่างสำหรับ Node-Red ที่ช่วยให้คุณเข้าใจว่าทุกอย่างทำงานอย่างไร

• - Hotnipi Gauge Web Component - ส่วนประกอบมาตรวัดที่ดูดีจริงๆ ทำงานร่วมกับ Node-Red, Uibuilder หรือ Stand-Alone

• - ส่วนประกอบเว็บทดลอง-มีการปรับปรุงเฉพาะโหนด-แดงและ UiBuilder แต่ยังทำงานได้ดีแบบสแตนด์อโลน

• - อาร์เรย์ปลาเก๋า - ฟังก์ชั่นสแตนด์อะโลนเพื่อปรับเปลี่ยนอาร์เรย์ของวัตถุ

วัตถุประสงค์

จุดประสงค์ของ uibuilder คือ:

• รองรับวิธีการง่าย ๆ สำหรับการสร้างและส่งมอบเว็บแอพและหน้าเว็บที่ขับเคลื่อนด้วยข้อมูล (หรือที่เรียกว่าเว็บอินเทอร์เฟซผู้ใช้เว็บ)
• เป็นสื่อกลางระหว่างโหนด-แดงและส่วนหน้า (เบราว์เซอร์) แอป UI เว็บ UI
• เป็น UI Framework Agnostic ไม่จำเป็นต้องใช้เฟรมเวิร์กในการใช้ uibuilder แต่มันจะทำงานร่วมกับพวกเขาตามที่ต้องการ Uibuilder มีจุดมุ่งหมายเพื่อลดความต้องการสำหรับกรอบการทำงานโดยทำให้ง่ายต่อการทำงานกับวานิลลา HTML/CSS
• จัดเตรียมมาตรฐานอินเตอร์เฟส/ข้อมูลสำหรับการแลกเปลี่ยนข้อมูลและการควบคุมระหว่างโหนด-แดงและหน้าเว็บ
• เปิดใช้งานการสร้างและการจัดการแอปหลายตัวจากอินสแตนซ์โหนดสีแดงเดียว
• ลดจำนวนรหัสส่วนหน้า (HTML/JavaScript) ที่จำเป็นในการสร้างและจัดการเว็บแอป
• ลดความรู้ที่จำเป็นสำหรับการสร้างเว็บแอปที่เชื่อถือได้และเข้าถึงได้โดยให้คุณสมบัติรหัสต่ำและไม่มีรหัส
• ทำให้ง่ายต่อการติดตั้งและให้บริการไลบรารีส่วนหน้าเพื่อรองรับการพัฒนาแอพพลิเคชั่นเว็บที่ซับซ้อนมากขึ้น

คุณสมบัติ

คุณสมบัติหลักของ uibuilder:

• เท่าที่เป็นไปได้ใช้เฉพาะวานิลลา, HTML, CSS และ JavaScript เท่านั้น นอกเหนือจากซ็อกเก็ตไคลเอนต์สำหรับการสื่อสาร (ซึ่งถูกอบเข้าไปในห้องสมุดส่วนหน้า) ไม่จำเป็นต้องใช้ไลบรารีส่วนหน้าอื่น ๆ Uibuilder อยู่ใกล้ที่สุดเท่าที่จะเป็นไปได้กับ HTML ดั้งเดิมเพื่อหลีกเลี่ยงปัญหาความเข้ากันได้ในอนาคต อย่างไรก็ตามมันมีจุดมุ่งหมายที่จะทำให้การมีปฏิสัมพันธ์กับ HTML ดั้งเดิมง่ายขึ้น
• โหนดเพื่อเปิดใช้งานการแปลรหัสอินพุตเป็นศูนย์ไปยังองค์ประกอบเว็บที่ใช้งานได้และเข้าถึงได้
• ความสามารถสำหรับ UI ของรหัสต่ำที่ขับเคลื่อนด้วยการกำหนดค่า (ขับเคลื่อนด้วยข้อมูล) การสร้างเฟรมเวิร์กเพื่ออธิบาย UI และแปลเป็นรหัสจริงโดยไม่ต้องเขียนโค้ด
• ช่องทางการสื่อสาร 2 ทางระหว่างเซิร์ฟเวอร์ Node-Red (back-end) และ UI front-end
• โหนดโหนดสีแดงเพื่อทำหน้าที่เป็นจุดสนใจสำหรับการสื่อสารกับโหนดอื่น ๆ เพื่อความสะดวกในการใช้งานเพิ่มเติม
• ห้องสมุดส่วนหน้าถึง: ทำส่วนที่ซับซ้อนของการสื่อสารในเบราว์เซอร์ไคลเอนต์; ทำให้การจัดการของ UI ง่ายขึ้นและสอดคล้องกันมากขึ้น ทำให้ง่ายต่อการรับข้อมูลกลับไปที่โหนดสีแดงตามต้องการ (ทั้งโดยอัตโนมัติและด้วยตนเอง)
• เทมเพลตและตัวอย่างที่ใช้งานง่ายสำหรับรหัสส่วนหน้าเพื่อให้ผู้คนสามารถเริ่มต้นการสร้างเว็บแอปได้อย่างรวดเร็ว
• การจัดการและการให้บริการของแพ็คเกจ NPM ที่ให้ห้องสมุดส่วนหน้าบริโภคได้อย่างง่ายดายด้วยรหัสส่วนหน้า
• การแก้ไขรหัสส่วนหน้าจากตัวแก้ไข Node-Red (ออกแบบมาสำหรับการเปลี่ยนแปลงเล็กน้อยใช้เครื่องมือพัฒนาเว็บโดยทั่วไป)
• ตัวเลือกเซิร์ฟเวอร์มิดเดิลแวร์และ API ต่างๆสำหรับความสามารถที่กำหนดเองเพิ่มเติม
• ความสามารถในการแคชช่วยให้ลูกค้าเข้าร่วมใหม่ได้รับข้อมูลและการกำหนดค่าล่าสุด การเข้าร่วม/ออกจากลูกค้าสร้างการแจ้งเตือนใน Node-Red
• เราเตอร์ที่มีน้ำหนักเบาส่วนหน้าสำหรับการสร้างแอพหน้าเดียว
• มีอินสแตนซ์โหนด uibuilder มากเท่าที่คุณต้องการ แต่ละอินสแตนซ์อนุญาตให้มีการสร้างหน้าเว็บและโฟลเดอร์ย่อยจำนวนมากเพื่อการจัดการที่ง่าย
• อินสแตนซ์ของโหนด uibuilder แต่ละตัวจะมีช่องทางการสื่อสารแบบ 2 ทางส่วนตัวระหว่างเซิร์ฟเวอร์ Node-Red (Back-End) และ Browser (Front-end) รหัส UI
• รองรับการใช้เวิร์กโฟลว์การพัฒนาเว็บมาตรฐาน
• อนุญาตให้มีการสร้างบริการเว็บเฉพาะเพื่ออำนวยความสะดวกด้านความปลอดภัยที่เป็นอิสระ

ไม่มีรหัส UI

Uibuilder ยังคงขยายขีดความสามารถที่ไม่มีรหัส โหนด uib-element , uib-tag และ uib-update เสนอวิธีการที่ไม่มีรหัสสำหรับการสร้างและอัปเดตเว็บ UI ที่ขับเคลื่อนด้วยข้อมูล

uib-element ใช้ข้อมูลการกำหนดค่าข้อมูลและเอาต์พุตอย่างง่าย จากนั้นสามารถส่งไปยังส่วนหน้าผ่านโหนด uibuilder อีกทางเลือกหนึ่งสามารถบันทึกและผลลัพธ์ที่ใช้ในการโหลดเริ่มต้น ตัวเลือกง่าย ๆ หลายตัวเช่นตารางและรายการมีอยู่ใน Uibuilder v6.1 องค์ประกอบและโครงสร้างเพิ่มเติมจะมีให้ในรุ่นอนาคต ไคลเอนต์ front-end UiBuilder ใช้ข้อมูลการกำหนดค่าและสร้างองค์ประกอบ HTML แบบไดนามิกและแทรกลงในหน้าเว็บ (หรือลบ/อัปเดตตามต้องการ)

แม้ว่านี่จะไม่ใช่วิธีการประมวลผลที่มีประสิทธิภาพมากที่สุด (เนื่องจากการอัปเดตส่วนใหญ่จะแทนที่องค์ประกอบทั้งหมดซึ่งอาจมีขนาดค่อนข้างใหญ่สำหรับสิ่งต่าง ๆ เช่นตารางขนาดใหญ่) มันมีประสิทธิภาพมากจากมุมมองการเขียน ดังนั้นโหนด uib-update จึงมีวิธีการที่กำหนดเป้าหมายมากขึ้นในการอัปเดตและเปลี่ยนแอตทริบิวต์เฉพาะและเนื้อหา "สล็อต" สำหรับองค์ประกอบ

โหนด uib-tag จากนั้นให้คุณสร้างองค์ประกอบ HTML เดียวและครอบคลุมทุกสิ่งที่ uib-element อาจไม่ครอบคลุม (ยัง) สิ่งนี้ยังใช้งานได้กับส่วนประกอบของเว็บซึ่งคือการปรับปรุง Native Native Vanilla HTML/JavaScript เป็น HTML

เป็นสิ่งสำคัญที่จะต้องทราบว่าไม่มีส่วนหน้ากรอบที่ 3 ของพรรคเช่น Vuejs หรือ React เป็นสิ่งจำเป็นสำหรับวิธีการนี้! ทุกอย่างใช้วานิลลา HTML, JavaScript และ CSS ใต้ผิวหนังและ เข้ากันได้กับมาตรฐานเว็บในปัจจุบันและอนาคต

UI ของรหัสต่ำ

ข้อมูลที่เอาต์พุต uib-element เป็นรูปแบบที่คุณสามารถใช้ในกระแสของคุณเองในโหนด-แดงและแม้กระทั่งในรหัสส่วนหน้าหากต้องการ มันอธิบายชุดขององค์ประกอบ HTML UI แต่ไม่ต้องการให้คุณเขียนโค้ด HTML จริง ๆ สคีมาการกำหนดค่ามีความยืดหยุ่นมากและยังช่วยให้คุณสามารถโหลดข้อมูลการกำหนดค่า HTML สคริปต์และโมดูล ECMA/ส่วนประกอบใหม่จากไฟล์ภายนอก

ฟังก์ชั่น Schema และ UI Creator ที่สร้างขึ้นในไคลเอนต์ส่วนหน้าได้รับการออกแบบมาโดยเฉพาะเพื่อทำงานกับมาตรฐาน HTML ปัจจุบันและอนาคตเพื่อหลีกเลี่ยงปัญหาที่พบบ่อยเมื่อใช้เฟรมเวิร์กส่วนหน้าของบุคคลที่ 3 ดังนั้นโมดูล ES ส่วนประกอบ ECMA และรุ่น ECMA ในอนาคตควรได้รับการสนับสนุนทั้งหมด

ตอนนี้ห้องสมุด ui.js พร้อมให้ทุกคนใช้ในโครงการของตัวเองและทำงานแบบสแตนด์อโลนอย่างเต็มที่โดยไม่ต้องใช้ UiBuilder นอกจากนี้ยังถูกอบลงในโหนด uib-html ซึ่งเปลี่ยนการกำหนดค่ารหัสต่ำเป็น HTML จากภายในโหนดสีแดง

ทิศทางในอนาคต

Uibuilder จะยังคงเป็นอิสระจากเฟรมเวิร์กส่วนหน้าแม้ว่ามันจะยังคงเข้ากันได้มากที่สุดเท่าที่จะเป็นไปได้เพื่อให้สามารถใช้เฟรมเวิร์กที่ต้องการได้

• มันจะยังคงได้รับองค์ประกอบที่สร้างไว้ล่วงหน้าเป็นศูนย์มากขึ้น
• มันจะได้รับการปรับปรุงการควบคุมโครงสร้างของอินสแตนซ์รูทโฟลเดอร์และความสามารถในการเรียกใช้สคริปต์ npm run ที่กำหนดไว้ใน package.json
• วิดีโอเพิ่มเติม!

โฟกัสระยะยาว

ยังคงมีความปรารถนาที่จะสร้างคุณลักษณะหน้าผู้สร้างเพื่อให้ผู้ที่ไม่มีทักษะการเข้ารหัสสามารถสร้างแอพเว็บที่ขับเคลื่อนด้วยข้อมูลได้ดี

• คุณภาพของเอกสารจะดีขึ้นเรื่อย ๆ
• จำนวนการพึ่งพาโมดูลของบุคคลที่ 3 จะลดลง เริ่มต้นด้วยการกำจัด fs-extra ในที่สุดเพื่อสนับสนุนห้องสมุด FS ที่มีสัญญาดั้งเดิม ตามมามากที่สุดโดย arun
• เมื่อ node.js v18 หรือ 20 เป็นฐานรหัสมีแนวโน้มที่จะ refactored เป็นหลายแพ็คเกจย่อยในโมโนรีปโป

รายละเอียดคุณสมบัติและผลประโยชน์

• ออกแบบเป็นทางเลือกแทนแผงควบคุมอย่างเป็นทางการของ Node-Red ไม่มีค่าใช้จ่ายและข้อ จำกัด
• ควบคุมทุกอย่างจาก UI ผู้ดูแลระบบ Node-Red แก้ไขไฟล์ทรัพยากรส่วนหน้าของคุณจัดการแพ็คเกจ front-end ไม่จำเป็นต้องเข้าถึงบรรทัดคำสั่งเซิร์ฟเวอร์
• จัดการเทมเพลตเริ่มต้น เทมเพลตภายในสำหรับวานิลลา HTML, Svelte, VueJS (V2 & V3) และ VueJS/Bootstrap-vue โหลดเทมเพลตจากที่เก็บอื่น ๆ ผ่าน DEGIT ทำให้ง่ายต่อการแชร์เทมเพลตที่ให้แอพทั้งหมดหรือจัดการกับหม้อไอน้ำ
• มีอินเทอร์เฟซผู้ใช้ที่กำหนดเองมากเท่าที่คุณต้องการ จำเป็นต้องใช้เพียง 1 โหนดสำหรับแต่ละจุดเริ่มต้น ใช้โหนดลิงก์เพื่อส่งข้อมูลจากส่วนอื่น ๆ ของกระแสของคุณ จุดเข้าสามารถมีหลายหน้าเว็บ
• มีอินเทอร์เฟซควบคุมแยกต่างหากไปยังอินเทอร์เฟซข้อความ รู้ว่าเมื่อใดที่แท็บเบราว์เซอร์เชื่อมต่อหรือตัดการเชื่อมต่อส่งข้อมูลแคชและอื่น ๆ
• ระบุ รหัสไคลเอนต์ ที่มีเสถียรภาพซึ่งระบุโปรไฟล์เบราว์เซอร์เฉพาะจนกว่าจะรีสตาร์ท มีการให้ tabid ที่ระบุแท็บเบราว์เซอร์เฉพาะบนอุปกรณ์ไคลเอนต์
• ให้ข้อมูลกับโหนด-แดงเกี่ยวกับไคลเอนต์ที่ส่งผงชูรสเพื่อให้ความปลอดภัยและการประมวลผลอื่น ๆ สามารถระบุไคลเอนต์ผู้ใช้และอื่น ๆ
• อาจมีน้ำหนักเบากว่าและเป็นมิตรกับมือถือมากกว่าแผงควบคุมอย่างเป็นทางการของ Node-Red
• ใช้กรอบส่วนหน้า ใด ๆ ที่ คุณชอบ เพียงติดตั้งผ่านตัวจัดการไลบรารีในตัว
• ใช้โดยไม่ต้องใช้กรอบส่วนหน้าหากคุณต้องการ ทำให้มันเบาและเรียบง่าย ลองใช้สิ่งนี้ด้วยเทมเพลต "ว่างเปล่า" และโหนด uib-element
• ห้องสมุดส่วนหน้ารวม ( uibuilder.iife.js , uibuilder.esm.js ) ให้การเชื่อมต่อกับการจัดการเหตุการณ์ Node-Red และ MSG พร้อมกับฟังก์ชั่นยูทิลิตี้ผู้ช่วย
• เขียน HTML, CSS และ JavaScript ของคุณเองเพื่อกำหนดส่วนต่อประสานผู้ใช้ส่วนหน้าสมบูรณ์แบบสำหรับความต้องการของคุณ หรือกำหนดโดยใช้คำอธิบายการกำหนดค่า JSON
• แก้ไขรหัสส่วนหน้าแบบกำหนดเองของคุณจากภายในตัวแก้ไข Node-Red โหลดลูกค้าของคุณโดยอัตโนมัติเกี่ยวกับการเปลี่ยนแปลงรหัส เหมาะสำหรับการพัฒนาอย่างรวดเร็ว โปรดทราบ ว่าสิ่งนี้ถูกออกแบบมาสำหรับการแก้ไขอย่างรวดเร็วขอแนะนำให้ใช้เครื่องมือพัฒนาเว็บปกติของคุณสำหรับการแก้ไขที่ใหญ่ขึ้น
• ต้องการเกือบจะไม่มีแผ่นหม้อไอน้ำในรหัสส่วนหน้าของคุณเพื่อทำงาน
• รายการเว็บเพจดัชนีเสริมแสดงรายการไฟล์ที่มีอยู่
• มีการรวมเว็บเพจข้อมูลผู้ดูแลระบบรายละเอียดสองหน้าเพื่อช่วยให้ผู้เขียนเข้าใจว่าทุกอย่างอยู่ที่ไหนและมีอะไรบ้าง
• ใช้ webservers ExpressJS ของ Node-Red โดยค่าเริ่มต้น เปลี่ยนเป็นเซิร์ฟเวอร์ ExpressJS ที่กำหนดเองหากต้องการ เมื่อใช้เซิร์ฟเวอร์ที่กำหนดเองหน้าสามารถรวมเทมเพลตฝั่งเซิร์ฟเวอร์ EJB
• มีมิดเดิลแวร์สำหรับ ExpressJS (สำหรับบริการเว็บ) และ socket.io (สำหรับการสื่อสารทั้งในการเชื่อมต่อเริ่มต้นและต่อข้อความ) เพื่อให้คุณสามารถเพิ่มคุณสมบัติที่กำหนดเองของคุณเองรวมถึงความปลอดภัย
• สามารถสร้าง API ที่กำหนดเองสำหรับแต่ละอินสแตนซ์ uibuilder
• ใช้ห้องสมุด ui.js ในโครงการของคุณเอง!

การบริจาค

หากคุณต้องการมีส่วนร่วมในโหนดนี้คุณสามารถติดต่อข้อมูลทั้งหมดผ่าน GitHub หรือเพิ่มคำขอในบันทึกปัญหา GitHub

ขอให้ดึงคำขอทั้งรหัสและเอกสารประกอบและ Wiki เปิดให้เข้าร่วมรายการใหม่และการแก้ไข (แต่โปรดแจ้งให้เราทราบหากคุณทำการเปลี่ยนแปลง)

โปรดดูแนวทางการสนับสนุนสำหรับข้อมูลเพิ่มเติม

นอกจากนี้คุณยังสามารถสนับสนุนการพัฒนาของ UiBuilder โดยสนับสนุนการพัฒนา

ผู้สนับสนุน GitHub ผู้สนับสนุน PayPal

ผู้สนับสนุน

• @magicjf

นักพัฒนา/ผู้สนับสนุน

• Julian Knight - นักออกแบบและผู้เขียนหลัก
• Colin Law - ขอบคุณมากสำหรับการทดสอบการแก้ไขและการดึงคำขอ
• Steve Rickus - ขอบคุณมากสำหรับการทดสอบการแก้ไขรหัสที่มีส่วนร่วมและแนวคิดการออกแบบ
• Ellie Lee - ขอบคุณมากสำหรับการแก้ไขข้อความที่ซ้ำกัน
• Thomas Wagner - ขอบคุณสำหรับการคัดท้ายและประชาสัมพันธ์ในการใช้โฟลเดอร์โครงการหากใช้งาน
• Arlena Derksen - ขอบคุณสำหรับคำแนะนำการตรวจสอบข้อผิดพลาดและปัญหา #59/PR #60
• Cflurin - ขอบคุณสำหรับตัวอย่างแคช
• Scott Page - IndySoft - ขอบคุณสำหรับปัญหา #73/PR #74
• Stephen McLaughlin - Steve -MCL - ขอบคุณสำหรับการแก้ไขปัญหา #71 และสำหรับปัญหาแนวคิดการปรับปรุง #102
• Sergio Rius - ขอบคุณสำหรับปัญหาการรายงาน #121 และให้บริการ PR #122 เป็นการแก้ไข
• Thorsten von Eicken - ขอบคุณที่ให้ PR #131 เพื่อปรับปรุงการจัดการ CORS สำหรับ socket.io
• Meeki007 - ขอบคุณสำหรับการปรับปรุงเอกสารต่าง ๆ และการแก้ไขรหัส
• Scott - Talltechdude - ขอบคุณที่จัดหา PR #170
• Calum Knott - ขอบคุณสำหรับโลโก้ Node -Blue
• Harold Peters Inskipp - ขอบคุณสำหรับตัวอย่างการบันทึก
• DCZYSZ - ขอบคุณสำหรับปัญหาการรายงาน #186 และช่วยให้ทำงานผ่านข้อผิดพลาด Async ที่ซับซ้อน
• Colin J (MudwalkerCJ) - ขอบคุณสำหรับการช่วยเหลือเอกสาร
• Marcus Davies - ขอบคุณมากสำหรับการให้กำลังใจและโลโก้ 3D
• Fabio Marzocca (fmarzocca)) - ขอบคุณมากสำหรับความช่วยเหลือในการออกแบบและการทดสอบของห้องสมุดเราเตอร์ Front -end Uibrouter

คนอื่น ๆ หลายคนมีส่วนร่วมในความคิดและข้อเสนอแนะขอบคุณทุกคนที่ทำพวกเขายินดีมากที่สุด

โปรดตรวจสอบบล็อกของฉันเกี่ยวกับเรื่องนี้มีข้อมูลเกี่ยวกับหัวข้อทุกประเภทโดยส่วนใหญ่เกี่ยวข้องกับ Node-Red