73 lines
17 KiB
JSON
73 lines
17 KiB
JSON
{
|
||
"success": true,
|
||
"data": {
|
||
"markdown": "[Bỏ qua nội dung](https://orangepi.vn/cai-dat-draw-io-va-excalidraw-tren-orange-pi-5.html#main)\n\nTôi có một yêu cầu tìm một phần mềm self-hosted local, chuyên để tạo các bảng biểu hoặc sơ đồ, lưu trữ nội bộ và đương nhiên phải miễn phí. Tất nhiên, nếu phần mềm đó cài được trên một máy tính đơn bo mạch (SBC) như Orange Pi thì càng tốt. Còn gì tốt hơn so với việc dành hẳn một PC tốn điện bụi bặm và hay lỗi cho việc host phần mềm đó bằng một máy tính đơn bo mạch nhỏ gọn, ít tốn điện mà lại bền bỉ chạy 24/7 không biết mệt mỏi.\n\nĐầu tiên, tôi tìm đến **Draw.io**. Đây là giải pháp dành cho mọi tình huống – từ vẽ kiến trúc hệ thống phức tạp đến… phác thảo sơ đồ ngồi trong buổi liên hoan công ty. 🍻\n\n### **Tại sao Draw.io lại đỉnh?**\n\n1. **Đa năng như một IDE hoàn hảo**\n - Cần vẽ sơ đồ mạng? Có sẵn các biểu tượng router, switch, và server.\n - Vẽ ERD (Entity Relationship Diagram)? Cũng có!\n - Thiết kế luồng dữ liệu, sơ đồ quy trình (BPMN)? Chỉ cần kéo và thả!\n2. **Self-hostable dành cho dân Dev**\n\n\nBạn muốn tự kiểm soát dữ liệu và không phụ thuộc vào dịch vụ bên thứ ba? Clone repo từ Docker Hub, chạy lệnh:\n\n\n`docker run -d --name=drawio -p 8080:8080 jgraph/drawio\n\n`\n\nVà bạn đã có một ứng dụng vẽ hoàn chỉnh chạy trên Orange Pi của mình – không bị giới hạn tài nguyên hay lo về bảo mật. Truy cập nó từ **http://IP\\_của\\_ORANGEPI** là xong\n\n\n[](https://orangepivn.b-cdn.net/wp-content/uploads/2025/01/draw.io_.webp)\n\n4. **Tích hợp mượt mà với mọi công cụ**\n - **GitHub**: Lưu sơ đồ dưới dạng file `.drawio` trong repo của bạn.\n - **Google Drive & OneDrive**: Đồng bộ hóa sơ đồ để dễ dàng cộng tác với team.\n - **Confluence & Jira**: Tích hợp để thêm sơ đồ trực tiếp vào tài liệu hoặc task.\n5. **Giao diện trực quan nhưng không “cục súc”**\n\n\nDễ dùng như Google Docs nhưng mạnh mẽ như Visio. Bạn có thể vẽ nhanh một sơ đồ UML mà không cần phải lục lại tài liệu hướng dẫn.\n\nTuy nhiên, cảm quan tôi cảm thấy phần mềm này vẫn hơi đơn điệu, không nhiều màu sắc, không đáp ứng lắm.\n\nVì thế tôi tìm đến **Excalidraw**. Và đây là chân ái của yêu cầu bên trên.\n\n### **Excalidraw: Công cụ vẽ tay chất lượng lập trình viên, dành cho những người ghét phức tạp 🎨👨💻**\n\nBạn là lập trình viên? Bạn cần vẽ nhanh một sơ đồ kiến trúc phần mềm, một flow chart đơn giản, hay chỉ là muốn “nghịch ngợm” chút với đồng nghiệp trên một canvas? Excalidraw chính là **vũ khí bí mật** bạn cần – vừa tiện lợi, vừa tối giản, mà lại còn… self-hostable! 🚀\n\n### **Excalidraw có gì mà dân dev thích?**\n\n1. **UI tối giản, chỉ tập trung vào vẽ**\n\n\nKhông cần phải lạc lối giữa rừng menu và popup phức tạp. Excalidraw chỉ có canvas trống và vài công cụ cơ bản: đường, hình, văn bản, và mũi tên – đúng thứ bạn cần để vẽ mọi thứ từ API flow đến microservices!\n2. **Hỗ trợ teamwork chuẩn real-time**\n\n\nMuốn cùng đồng đội brainstorm một diagram CI/CD pipeline? Cứ quăng link Excalidraw vào Slack hoặc Discord, và cùng nhau “vẽ bậy” mà không sợ ai làm gãy flow.\n3. **Open Source, tự host dễ dàng**\n\n\nDev thích gì? **Kiểm soát mọi thứ!** Với Excalidraw, bạn có thể tự host trên server của mình. Clone repo, chạy lệnh `docker-compose up`, và thế là bạn đã có một phiên bản Excalidraw xịn xò của riêng mình – không lo bị “rate limit” hay mất dữ liệu!\n4. **Hỗ trợ cho lập trình viên bận rộn**\n - Copy/paste JSON để lưu và chỉnh sửa lại sau.\n - Export hình ảnh ra PNG hoặc SVG, nhanh gọn như viết một hàm `hello_world()`.\n - Dễ dàng tích hợp vào các project lớn hoặc nhúng vào web app riêng của bạn.\n\n[](https://orangepivn.b-cdn.net/wp-content/uploads/2025/01/excalidraw.webp)\n\n### **Cách lập trình viên dùng Excalidraw:**\n\n- **Thiết kế nhanh**: Lên kiến trúc microservices, luồng dữ liệu, hoặc thậm chí cấu trúc database chỉ với vài nét vẽ nguệch ngoạc.\n- **Diễn giải ý tưởng**: Cần giải thích cách `async/await` hoạt động cho đồng nghiệp? Chỉ cần một mũi tên và vài hình chữ nhật!\n- **Troll đồng đội**: Vẽ một cái sơ đồ “nghịch ngợm” rồi giả bộ nghiêm túc thuyết trình – ai bảo lập trình viên không có khiếu hài hước? 😏\n\n### **Làm thế nào để thử Excalidraw?**\n\n1. Truy cập **[excalidraw.com](https://excalidraw.com/)** nếu bạn muốn dùng ngay bản online thử\n2. Hoặc tự host bản của riêng bạn trên Orange Pi. Vì **Excalidraw** chưa có bản build docker ARM64 cho Orange Pi, nên tôi đã build 1 bản và đặt trên dockerhub. Giờ bạn chỉ cần tải về file docker-compose trên gist sau: [https://gist.github.com/thanhtantran/40289693bb8c75b43d8d8494fd79a34f](https://gist.github.com/thanhtantran/40289693bb8c75b43d8d8494fd79a34f)\n\n\n`git clone https://gist.github.com/40289693bb8c75b43d8d8494fd79a34f.git excalidraw\n\ncd excalidraw\n\ndocker-compose up -d\n\n`\n\n\n\nSau đó, mở trình duyệt và truy cập: **http://IP\\_của\\_ORANGEPI** là xong\n\n\nExcalidraw không phải là phần mềm vẽ đẹp nhất, nhưng nó là **công cụ nhanh, mạnh, và đủ xài** – đúng chuẩn triết lý KISS ( _Keep It Simple, Stupid_) của dân lập trình. Hãy thử ngay hôm nay để thấy rằng vẽ sơ đồ không nhất thiết phải phức tạp như debug code trong production! 😄\n\n### **So sánh vui: Draw.io vs Excalidraw**\n\n- **Draw.io**: Dành cho những người muốn **hoàn thành công việc** – chính xác, gọn gàng, và chuyên nghiệp.\n- **Excalidraw**: Dành cho những ai thích sự **phóng khoáng**, vui vẻ, và vẽ “méo cũng thành hay”.\n\nVideo demo 2 phần mềm miễn phí này trên [Orange Pi 5 MAX](https://orangepi.vn/shop/orange-pi-5-max-8gb)\n\nRunning drawio and excalidraw on Docker in an Orange Pi 5 MAX 8GB - YouTube\n\nTap to unmute\n\n[Running drawio and excalidraw on Docker in an Orange Pi 5 MAX 8GB](https://www.youtube.com/watch?v=2oIiUEnMKg4) [Orange Pi Vietnam](https://www.youtube.com/channel/UCl0lVmXFHAhZybuOIzu2CaA)\n\n\n\nOrange Pi Vietnam1.83K subscribers\n\n[Watch on](https://www.youtube.com/watch?v=2oIiUEnMKg4)\n\n[Chia sẻ trên WhatsApp](whatsapp://send?text=C%C3%A0i%20%C4%91%E1%BA%B7t%20Draw.IO%20v%C3%A0%20Excalidraw%20tr%C3%AAn%20Orange%20Pi%205%20-%20https://orangepi.vn/cai-dat-draw-io-va-excalidraw-tren-orange-pi-5.html \"Chia sẻ trên WhatsApp\")[Chia sẻ trên Facebook](https://www.facebook.com/sharer.php?u=https://orangepi.vn/cai-dat-draw-io-va-excalidraw-tren-orange-pi-5.html \"Chia sẻ trên Facebook\")[Chia sẻ trên Twitter](https://twitter.com/share?url=https://orangepi.vn/cai-dat-draw-io-va-excalidraw-tren-orange-pi-5.html \"Chia sẻ trên Twitter\")[Gửi email cho bạn bè](mailto:?subject=C%C3%A0i%20%C4%91%E1%BA%B7t%20Draw.IO%20v%C3%A0%20Excalidraw%20tr%C3%AAn%20Orange%20Pi%205&body=Xem%20n%C3%A0y%3A%20https%3A%2F%2Forangepi.vn%2Fcai-dat-draw-io-va-excalidraw-tren-orange-pi-5.html \"Gửi email cho bạn bè\")[Ghim trên Pinterest](https://pinterest.com/pin/create/button?url=https://orangepi.vn/cai-dat-draw-io-va-excalidraw-tren-orange-pi-5.html&media=https://orangepi.vn/wp-content/uploads/2025/01/Leonardo_Phoenix_10_Create_a_visually_engaging_comparison_illu_0-1400x791.webp&description=C%C3%A0i%20%C4%91%E1%BA%B7t%20Draw.IO%20v%C3%A0%20Excalidraw%20tr%C3%AAn%20Orange%20Pi%205 \"Ghim trên Pinterest\")[Chia sẻ trên LinkedIn](https://www.linkedin.com/shareArticle?mini=true&url=https://orangepi.vn/cai-dat-draw-io-va-excalidraw-tren-orange-pi-5.html&title=C%C3%A0i%20%C4%91%E1%BA%B7t%20Draw.IO%20v%C3%A0%20Excalidraw%20tr%C3%AAn%20Orange%20Pi%205 \"Chia sẻ trên LinkedIn\")\n\n\n\n##### superadmin\n\n### Để lại một bình luận [Hủy](https://orangepi.vn/cai-dat-draw-io-va-excalidraw-tren-orange-pi-5.html\\#respond)\n\nEmail của bạn sẽ không được hiển thị công khai.Các trường bắt buộc được đánh dấu \\*\n\nBình luận \\*\n\nTên \\*\n\nEmail \\*\n\nTrang web\n\nΔ\n\n- Tìm kiếm:\n\n- [Orange Pi Việt Nam](https://orangepi.vn/)\n - [Giới thiệu về máy tính nhúng](https://orangepi.vn/gioi-thieu-ve-may-tinh-nhung)\n - [Hướng dẫn đặt hàng](https://orangepi.vn/dat-hang-tai-orange-pi-viet-nam)\n - [Chính sách Bảo hành](https://orangepi.vn/chinh-sach-ban-hang-va-bao-hanh)\n - [Thư ủy quyền phân phối tại Việt Nam](https://orangepi.vn/thu-uy-quyen-phan-phoi-tai-viet-nam)\n - [Chính sách bảo mật](https://orangepi.vn/chinh-sach-bao-mat)\n - [Liên hệ](https://orangepi.vn/lien-he)\n- [Shop](https://orangepi.vn/shop)\n - [Bo Mạch Orange Pi](https://orangepi.vn/danh-muc-san-pham/bo-mach-orange-pi)\n - [Chip H3](https://orangepi.vn/tu-khoa-san-pham/chip-h3)\n - [Chip H6](https://orangepi.vn/tu-khoa-san-pham/chip-h6)\n - [RK3399](https://orangepi.vn/tu-khoa-san-pham/chip-rk3399)\n - [RK3588, RK3566](https://orangepi.vn/tu-khoa-san-pham/rk3588)\n - [Chip H616, H618](https://orangepi.vn/tu-khoa-san-pham/chip-h616)\n - [Allwinner A733](https://orangepi.vn/tu-khoa-san-pham/allwinner-a733)\n - [RAM 1GB](https://orangepi.vn/tu-khoa-san-pham/ram-1gb)\n - [RAM 2GB](https://orangepi.vn/tu-khoa-san-pham/ram-2gb)\n - [RAM 4GB](https://orangepi.vn/tu-khoa-san-pham/ram-4gb)\n - [RAM 6GB](https://orangepi.vn/tu-khoa-san-pham/ram-6gb)\n - [RAM 8GB](https://orangepi.vn/tu-khoa-san-pham/ram8gb)\n - [Phụ kiện Orange Pi](https://orangepi.vn/danh-muc-san-pham/phu-kien-orange-pi)\n - [Màn hình](https://orangepi.vn/tu-khoa-san-pham/man-hinh)\n - [Vỏ Mica lắp ghép](https://orangepi.vn/tu-khoa-san-pham/vo-mica)\n - [Vỏ thép kiêm tản nhiệt](https://orangepi.vn/tu-khoa-san-pham/vo-thep)\n - [Vỏ nhôm nhẹ tản nhiệt tốt](https://orangepi.vn/tu-khoa-san-pham/vo-nhom)\n - [Nguồn Orange Pi](https://orangepi.vn/tu-khoa-san-pham/nguon-orange-pi)\n - [Thẻ nhớ microSD](https://orangepi.vn/tu-khoa-san-pham/the-nho-microsd)\n - [Compute Module](https://orangepi.vn/tu-khoa-san-pham/compute-module)\n- [Blog](https://orangepi.vn/blog)\n - [Giới thiệu](https://orangepi.vn/category/gioi-thieu)\n - [Hướng dẫn](https://orangepi.vn/category/huong-dan)\n - [Trình diễn](https://orangepi.vn/category/trinh-dien)\n- [Đăng nhập](https://orangepi.vn/my-account \"Đăng nhập\")\n- [**Hotline: 0923449899**](tel:0923449899)\n\nBạn cần trợ giúp?\n\n[Messenger](https://m.me/orangepivietnam \"Messenger\") [Zalo Official Account](https://oa.zalo.me/1687181280533723118 \"Zalo Official Account\") [Telegram](https://t.me/maytinhnhung \"Telegram\") [Whatsapp](https://api.whatsapp.com/send?phone=84923449899 \"Whatsapp\")\n\n\n\nOrange Pi Việt NamNhà phân phối chính thức\n\nXin chào! 👋🏼👋🏼👋🏼 Tôi có thể giúp gì được bạn?\n\n- [Hotline](tel:0923449899 \"Hotline\")\n- [Facebook](https://www.facebook.com/orangepivietnam \"Facebook\")\n- [Zalo](https://oa.zalo.me/1687181280533723118 \"Zalo\")\n\n## Đăng nhập\n\nSign In - Google Accounts\n\nContinue with GoogleContinue with Google. Opens in new tab\n\nTên tài khoản hoặc địa chỉ email \\*Bắt buộc\n\nMật khẩu \\*Bắt buộc\n\nGhi nhớ mật khẩuĐăng nhập\n\n[Quên mật khẩu?](https://orangepi.vn/my-account/lost-password)",
|
||
"metadata": {
|
||
"twitter:card": "summary_large_image",
|
||
"viewport": [
|
||
"width=device-width, initial-scale=1",
|
||
"width=device-width, initial-scale=1",
|
||
"width=device-width, initial-scale=1.0",
|
||
"initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"
|
||
],
|
||
"ogLocale": "vi_VN",
|
||
"article:modified_time": "2025-01-12T08:06:03+00:00",
|
||
"ogDescription": "Đây là trang Cài đặt Draw.IO và Excalidraw trên Orange Pi 5 của Orange Pi Viet Nam là nhà phân phối chính thức của Orange Pi tại Việt Nam, chuyên cung cấp máy tính nhúng cho dự án, nghiên cứu, hợp tác, phát triển sản phẩm.",
|
||
"og:image:height": "832",
|
||
"language": "vi",
|
||
"og:type": "article",
|
||
"ogUrl": "https://orangepi.vn/cai-dat-draw-io-va-excalidraw-tren-orange-pi-5.html",
|
||
"modifiedTime": "2025-01-12T08:06:03+00:00",
|
||
"og:image:type": "image/jpeg",
|
||
"twitter:data1": "superadmin",
|
||
"twitter:creator": "@orangepi_me",
|
||
"ogSiteName": "Orange Pi Viet Nam",
|
||
"og:site_name": "Orange Pi Viet Nam",
|
||
"article:published_time": "2025-01-12T07:51:45+00:00",
|
||
"twitter:label2": "Ước tính thời gian đọc",
|
||
"google-site-verification": "aChCo9My21XgiT2Vte3H89FgebzV7TIv4Ol3OkXaIFU",
|
||
"twitter:label1": "Được viết bởi",
|
||
"title": "Cài đặt Draw.IO và Excalidraw trên Orange Pi 5 - Orange Pi Viet Nam",
|
||
"og:title": "Cài đặt Draw.IO và Excalidraw trên Orange Pi 5 - Orange Pi Viet Nam",
|
||
"author": "superadmin",
|
||
"ogTitle": "Cài đặt Draw.IO và Excalidraw trên Orange Pi 5 - Orange Pi Viet Nam",
|
||
"twitter:site": "@orangepi_me",
|
||
"msapplication-TileImage": "https://orangepivn.b-cdn.net/wp-content/uploads/2025/01/cropped-fb-logo-big-png-270x270.webp",
|
||
"robots": "index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1",
|
||
"og:description": "Đây là trang Cài đặt Draw.IO và Excalidraw trên Orange Pi 5 của Orange Pi Viet Nam là nhà phân phối chính thức của Orange Pi tại Việt Nam, chuyên cung cấp máy tính nhúng cho dự án, nghiên cứu, hợp tác, phát triển sản phẩm.",
|
||
"generator": [
|
||
"dominant-color-images 1.2.1",
|
||
"Site Kit by Google 1.180.0",
|
||
"webp-uploads 2.6.1"
|
||
],
|
||
"article:publisher": "https://www.facebook.com/orangepivietnam/",
|
||
"ogImage": "https://orangepivn.b-cdn.net/wp-content/uploads/2025/01/Leonardo_Phoenix_10_Create_a_visually_engaging_comparison_illu_0.webp",
|
||
"publishedTime": "2025-01-12T07:51:45+00:00",
|
||
"og:image:width": "1472",
|
||
"referrer": [
|
||
"no-referrer",
|
||
"origin"
|
||
],
|
||
"og:image": "https://orangepivn.b-cdn.net/wp-content/uploads/2025/01/Leonardo_Phoenix_10_Create_a_visually_engaging_comparison_illu_0.webp",
|
||
"twitter:data2": "6 phút",
|
||
"og:url": "https://orangepi.vn/cai-dat-draw-io-va-excalidraw-tren-orange-pi-5.html",
|
||
"description": "Đây là trang Cài đặt Draw.IO và Excalidraw trên Orange Pi 5 của Orange Pi Viet Nam là nhà phân phối chính thức của Orange Pi tại Việt Nam, chuyên cung cấp máy tính nhúng cho dự án, nghiên cứu, hợp tác, phát triển sản phẩm.",
|
||
"og:locale": "vi_VN",
|
||
"favicon": "https://orangepivn.b-cdn.net/wp-content/uploads/2025/01/cropped-fb-logo-big-png-32x32.webp",
|
||
"scrapeId": "019eb218-c8d1-7382-993b-8cf24125b35f",
|
||
"sourceURL": "https://orangepi.vn/cai-dat-draw-io-va-excalidraw-tren-orange-pi-5.html",
|
||
"url": "https://orangepi.vn/cai-dat-draw-io-va-excalidraw-tren-orange-pi-5.html",
|
||
"statusCode": 200,
|
||
"contentType": "text/html; charset=UTF-8",
|
||
"timezone": "America/New_York",
|
||
"proxyUsed": "basic",
|
||
"cacheState": "miss",
|
||
"indexId": "2cee4097-62f7-433c-b5c6-b7957d9baaa6",
|
||
"creditsUsed": 1,
|
||
"concurrencyLimited": false
|
||
}
|
||
},
|
||
"_http_status": 200,
|
||
"_source_url": "https://orangepi.vn/cai-dat-draw-io-va-excalidraw-tren-orange-pi-5.html",
|
||
"_scraped_at": "2026-06-10T15:13:54.264925+00:00"
|
||
} |