Giới thiệu về JHipster stack

Câu chuyện của việc tiếp cận hoặc học một công nghệ mới không bao giờ hết hot. Nếu bạn đang cảm thấy rối rắm khi bắt đầu khởi tạo dự án đầu tiên với Spring Boot, thì JHipster là giải pháp dành cho bạn. JHipster không chỉ đơn giản là tạo ra một dự án Spring Boot, mà còn phù hợp để bạn bắt đầu làm quen với Angular hoặc React từ phía backend đến frontend và nhiều hơn thế.

JHipster là gì?

JHipster là một nền tảng phát triển để tạo ra, phát triển và triển khai ứng dụng Web Spring Boot + Angular/React và các dịch vụ microservices Spring.

Giới thiệu về JHipster stack Để nói một cách đơn giản, JHipster (viết tắt của Java Hipster) là một cách đơn giản để chúng ta tạo ra một dự án xung quanh các công nghệ phổ biến nhất với Spring và Angular/React. Khi chúng ta bắt đầu một dự án, chúng ta quan tâm đến 3 khía cạnh:

  • Server side stack sẽ được thế nào?
  • Client side stack sẽ được thế nào?
  • Làm thế nào chúng ta có thể triển khai dự án của chúng ta?
Có Thể Bạn Quan Tâm :   Remote Desktop Connection Là Gì? Hướng Dẫn Sử Dụng Remote Desktop

Server side

Khi chúng ta bắt đầu xây dựng phần backend, chúng ta có những câu hỏi sau:

  • Ngôn ngữ chúng ta lựa chọn là gì?
  • Tầng dữ liệu sẽ như thế nào?
  • Hệ thống sẽ được bảo mật như thế nào?
  • Khả năng bảo trì và mở rộng hệ thống như thế nào?
  • Cung cấp API document như thế nào?

Client side

Với các framework frontend mạnh mẽ Giới thiệu về JHipster stack

Triển khai

Triển khai dự án dễ dàng Giới thiệu về JHipster stack

Tại sao chọn JHipster?

Với những gì đã được đề cập ở trên, hy vọng rằng bạn đã hiểu vì sao nên chọn JHipster. Chúng ta có thể dễ dàng tạo ra một dự án mạnh mẽ với đầy đủ các yếu tố cơ bản để bắt đầu nhanh chóng. Nếu bạn đang tập làm việc với Spring để trở thành một lập trình viên web Java, hãy quan tâm đến công nghệ này.

Tạo dự án đầu tiên với JHipster

Điều gì bạn cần để bắt đầu tạo dự án đầu tiên với JHipster:

  • Cài đặt Java 8 từ trang web của Oracle
  • Cài đặt Node.js từ trang web của Node.js
  • Cài đặt Yeoman: npm install -g yo
  • Cài đặt JHipster: npm install -g generator-jhipster

Ghi chú:

Bạn cũng có thể sử dụng Yarn/Homebrew/Chocolatey/Docker để cài đặt JHipster.

Nếu bạn muốn sử dụng Angular JS phía Client, phiên bản JHipster của bạn phải nhỏ hơn 5. Bạn có thể chạy lệnh sau:

npm install -g [email protected]

Tạo dự án:

Thực hiện trên Terminal/cmd:

  1. Tạo một thư mục trống để chứa dự án. Ví dụ: mkdir myapplication
  2. Di chuyển vào thư mục vừa tạo. Ví dụ: cd myapplication/
  3. Tạo ứng dụng: jhipster
  4. Chọn các thiết lập phù hợp với dự án của bạn
Có Thể Bạn Quan Tâm :   “Kỹ thuật viên” tiếng anh là gì? Technicians và Engineers?

Giới thiệu về JHipster stack

Bây giờ bạn đã có một dự án với:

  • Backend: Spring Boot + Spring Security
  • Cơ sở dữ liệu:
    • Mysql (production)
    • H2 with disk-based (development)
  • Frontend: Bootstrap + SASS + Angular 7 (hoặc phiên bản thấp hơn tùy thuộc vào phiên bản JHipster bạn đã cài đặt) Sau khi chạy xong, bạn sẽ nhận được kết quả như sau. Đó cũng là hướng dẫn cho việc xây dựng dự án trên local của bạn.

Chạy ứng dụng Spring Boot của bạn:

./mvnw (mvnw nếu sử dụng Windows Command Prompt)

Ứng dụng Client đã được tạo thành công. Khởi động máy chủ phát triển Webpack của bạn bằng lệnh:

npm start

Chú ý khi chọn cấu hình dự án:

  • JHipster hỗ trợ cho việc thiết lập đa ngôn ngữ trong dự án
  • JHipster đã tạo cho bạn cả môi trường phát triển và môi trường thực tế (production)
    • Ở môi trường phát triển: nếu bạn không muốn cài đặt các cơ sở dữ liệu trên local.
    • Bạn có thể sử dụng H2 with disk-based hoặc H2 in-memory. Cả hai đều cho phép bạn sử dụng cơ sở dữ liệu ngay trong giao diện của ứng dụng.
    • H2 in-memory: dữ liệu sẽ bị mất khi bạn khởi động lại máy chủ.
    • H2 with disk-based: dữ liệu sẽ không bị mất khi bạn khởi động lại máy chủ.
    • Nếu bạn không sử dụng hai loại cơ sở dữ liệu trên, bạn sẽ phải tạo schema trên local và chỉnh sửa cấu hình với cơ sở dữ liệu trong mã nguồn.
Có Thể Bạn Quan Tâm :   Nghĩa Của Từ : Suck Nghĩa Là Gì ? You Suck Là Gì ? You Suck! Có Nghĩa Là Gì

Ví dụ, nếu bạn sử dụng Mysql:

Trong thư mục dự án:

src/main/resources/config/application-dev.yml

datasource:
  type: com.zaxxer.hikari.HikariDataSource
  url: jdbc:mysql://localhost:3306/hello?useUnicode=true&characterEncoding=utf8&useSSL=false&useLegacyDatetimeCode=false&serverTimezone=UTC
  username: root
  password: 

Trong đó, “hello” là tên schema bạn cần tạo trên local.

JHipster giúp bạn với một dòng lệnh để tạo cả phần backend và frontend với đầy đủ CRUD. Hãy tìm hiểu thêm trong tài liệu của JHipster.

Tổng kết

Tôi đã giới thiệu cách tạo và chạy một dự án với JHipster. Hãy thử tạo và khám phá nó, bạn sẽ thích nó ngay thôi. Tôi sẽ chia sẻ cụ thể hơn về nó trong các bài viết tiếp theo!

Tài liệu tham khảo: https://www.jhipster.tech/

Back to top button