Webiny Trình tạo mẫu miễn phí
Xây dựng các hình thức sẵn sàng sản xuất với một trình thiết kế biểu mẫu bootstrap
Webiny là một trình tạo mẫu kéo và thả nguồn mở cung cấp gói hoàn chỉnh có chứa theo dõi phiên bản, biểu mẫu theo chủ đề, quản lý dữ liệu và hơn thế nữa.
Tổng quan
Webiny là một nền tảng nguồn mở tự lưu trữ được phát triển để đáp ứng hầu hết các trường hợp sử dụng kinh doanh không có máy chủ. Do đó, đây là một gói hoàn chỉnh để tự động hóa hầu hết các quy trình kinh doanh trực tuyến bao gồm một người xây dựng biểu mẫu doanh nghiệp để xây dựng và triển khai các biểu mẫu. Hơn nữa, Trình thiết kế biểu mẫu HTML này được phát triển bằng cách sử dụng các công nghệ tiên tiến nhất như GraphQL, NodeJS làm môi trường phía máy chủ và ReactJS cho mặt trước. Tuy nhiên, Webiny cung cấp CLI để thiết lập và bootstrap dự án cục bộ cũng như triển khai trên đám mây. Ngoài ra, Webiny hỗ trợ các tùy chọn giàn giáo để tăng tốc các quy trình phát triển như tạo dịch vụ, lược đồ và đi kèm với tích hợp Apollo Gateway tích hợp. Hơn nữa, là một môi trường không có máy chủ, Nhà thiết kế biểu mẫu CSS này cung cấp các điều khoản khả năng mở rộng không giới hạn để loại bỏ các vấn đề liên quan đến cân bằng tải và tất cả sẽ tự động xảy ra với sự trợ giúp của các dịch vụ được xác định. Trên tất cả, phần mềm Trình tạo trang web này giới thiệu các cơ chế dựa trên mã thông báo trong đó các vấn đề API phát hành mã thông báo cho người dùng để tiêu thụ các tích hợp của bên thứ ba trong ứng dụng. Trình tạo mẫu tại Webiny cung cấp các quy tắc xác thực tùy chỉnh trên các trường biểu mẫu, hỗ trợ đa ngôn ngữ, cung cấp để xem trước biểu mẫu trước khi xuất bản và hỗ trợ tích hợp cho recaptcha. Sau đó, nhà thiết kế biểu mẫu HTML này được viết bằng TypeScript. Do đó, có tài liệu toàn diện có sẵn liên quan đến phát triển và triển khai.
Yêu cầu hệ thống
Sau đây là các yêu cầu để thiết lập webiny
- node.js & gt; = 10.9.0
- NPM & amp; NPX
- Sợi & LT; 2.0
- Tài khoản AWS với người dùng IAM
- MongoDB 4.2.x +
Đặc trưng
Sau đây là các tính năng chính của webiny
- Kiến trúc không có máy chủ
- Mã nguồn mở
- kéo & amp; Giao diện thả
- Trình tạo mẫu nâng cao
- Có khả năng mở rộng cao
- Quản lý dữ liệu dễ dàng
- Xác thực tùy chỉnh
- Tích hợp bên thứ ba
- Hoàn thành bảng điều khiển quản trị viên
- Quản lý chủ đề
- Thân thiện với thiết bị di động
- Linh hoạt
- Webhooks
- Người dùng và quản lý vai trò
- Xuất bản đệ trình
- Recaptcha tích hợp
Hướng dẫn cài đặt
Đầu tiên, hãy chạy lệnh này để tạo dự án webiny:
npx create-webiny-project new-project
Thứ hai, thiết lập cơ sở dữ liệu ngay bây giờ. Thứ ba, đặt tệp .env.json vào thư mục gốc của dự án của bạn và sau khi thay đổi các tham số MongoDB_Server và MongoDB_NAME của bạn, tệp .Env.json của bạn sẽ trông như thế này:
{ <br></br>"default": {
"AWS_PROFILE": "default",
"AWS_REGION": "us-east-1",
"MONGODB_SERVER": "mongodb+srv://{YOUR_USERNAME}:{YOUR_PASSWORD}@someclustername.mongodb.net",
"MONGODB_NAME": "{YOUR_MONGODB_NAME}",
"DEBUG": true
}
}
Tuy nhiên, các giá trị của các tham số AWS có thể được tìm thấy từ tài khoản AWS của bạn. Sau đó, chúng ta cần thiết lập môi trường API tại địa phương và có thể mất 10 đến 15 phút.
yarn webiny deploy api --env=local
Sau khi hoàn thành, hãy khởi động ứng dụng bằng các lệnh sau:
cd apps/admin<br></br> yarn start
Ứng dụng quản trị sẽ chạy một trình hướng dẫn cài đặt để hoàn thành mỗi bước trước khi đi tiếp theo. Cuối cùng, môi trường được thiết lập cục bộ và bạn có thể thấy một số ứng dụng được tạo sẵn bao gồm Trình tạo mẫu **. ** Tương tự như vậy, hãy làm theo các lệnh sau để chạy bất kỳ ứng dụng nào khác:
cd apps/site <br></br> yarn start
