KrakenJS là gì?

KrakenJS là một framework khá hữu ích cho các bạn muốn lập trình với trên nền tảng NodeJS và ExpressJS mà không muốn xây dựng cấu trúc ứng dụng từ đầu.

KrakenJS đã build sẵn các lớp bảo mật và có khả năng mở rộng được kế thừa từ ExpressJS, các cấu trúc thư mục đã được xây dựng sẵn và tối ưu hóa cho việc phát triển ứng dụng.

Đây là bài viết đầu tiên trong series về KrakenJS, sau khi học xong bài cuối, các bạn sẽ có thể làm được 1 project demo như thế này: https://simpleblog-sangnguyenplus.c9users.io

Bạn có thấy hứng thú, nếu thấy hứng thú thì hãy bắt tay vào học từ bài đầu tiên nào!

Cài đặt KrakenJS

1. Cài đặt bộ sinh mã nguồn tự động.

[js]

npm install -g yo generator-kraken bower grunt-cli

[/js]

Quá trình cài đặt diễn ra hơi lâu, tùy thuộc vào tốc độ mạng của bạn.

2. Tạo mới ứng dụng

Bạn mở cmd lên, cd tới thư mục sẽ chứa ứng dụng và gõ:

[js]

yo kraken

[/js]

Bạn cần điền một vài thông số để khởi tạo ứng dụng của bạn.

[js]

$ yo kraken

,’""`.
hh / _ _ \
|(@)(@)| Release the Kraken!
) __ (
/,’))((`.\
(( (( )) ))
`\ `)(‘ /’

Tell me a bit about your application:

[?] Name: SimpleBlog
[?] Description: A simple blog using KrakenJS
[?] Author: @SangNguyen

[/js]

– Name: Tên ứng dụng của bạn, nên đặt không dấu và viết liền nhau vì bộ sinh mã nguồn sẽ tạo thư mục và tải các thư viện cần thiết về thư mục được đặt theo tên ứng dụng của bạn.

– Sau khi điền xong mô tả và tên tác giả, bạn cần xác định mình sẽ dùng template engine nào.

[js]

[?] Template library? (Use arrow keys)

>Dust

None

[/js]

Trong ứng dụng này mình sẽ sử dụng Dust, nếu không thích bạn có thể chọn None và cài đặt template engine sau.

– Tiếp theo là bộ quản lý thư viện cho phía front end.

[js]

Front end package manager ? (Use arrow keys)
>Bower
No

[/js]

Bạn nên chọn Bower nhé.

– Tiếp theo là chọn thư viện xử lý CSS:

[js]

CSS preprocessor library? (Use arrow keys)
>LESS
SASS
Stylus
None

[/js]

Ở đây mình sẽ chọn None, bạn nào quen sử dụng Less hay Sass thì có thể chọn nhé.

– Tiếp theo là chọn thư viện Javascript sử dụng cho front end:

[js]

JavaScript library?
>RequireJS
Browserify
None

[/js]

Sau khi hoàn tất các lựa chọn trên, KrakenJS sẽ được tải về tại thư mục SimpleBlog.

3. Chạy ứng dụng.

– Di chuyển vào thư mục SimpleBlog và sử dụng lệnh npm start hoặc node server.js để chạy ứng dụng.

[js]

cd simpleblog

npm start

Server listening on http://localhost:8000
Application ready to serve requests.
Environment: development

[/js]

Ứng dụng của chúng ta sẽ chạy trên cổng mặc định là 8000, bạn có thể thay đổi nó trong file server.js.

Truy cập vào ứng dụng tại địa chỉ http://localhost:8000. Trang mặc định của KrakenJS khá đơn giản, chỉ gồm 1 câu hello để cho biết ứng dụng đã hoạt động.

Cấu trúc của KrakenJS

​

Cấu trúc Ứng dụng KrakenJS

 

[js]
/config
Các thiết lập cấu hình cần thiết cho ứng dụng

/controllers
Chứa các Routes và xử lý

/locales
Các thiết lập về ngôn ngữ

/models
Models

/public
Thư mục chứa các file JS, Css, các thư viện cho front end.

/public/templates
Giao diện của ứng dụng

/tasks

/tests
Thực hiện các test case

index.js
[/js]

 

Như vậy ở bài này, chúng ta đã tìm hiểu và cài đặt thành công KrakenJS Framework, cũng như là đã biết sơ qua về cấu trúc của nó, có thể thấy KrakenJS đã xây dựng sẵn cho chúng ta ứng dụng ban đầu khá hoàn chỉnh và dễ dàng mở rộng. Hi vọng với bài viết này bạn có thể giúp bạn dễ dàng xây dựng ứng dụng với KrakenJS hơn. Nếu có lỗi trong quá trình cài đặt, hãy để lại bình luận và mô tả lỗi bạn gặp phải để mình hỗ trợ.

 

Mình là 1 developer mới vào nghề, chưa có nhiều kinh nghiệm với lập trình web nhưng luôn muốn chia sẻ những hiểu biết của mình với các lập trình viên khác. Khá là gà và lười viết blog, chỉ ham code và chuyên Laravel.