Mean Stack Là Gì

Chào các bạn, từ thời điểm cách đây hơn 1 tuần bản thân có phân tách sẻ bộ mã mối cung cấp website hỏi đáp được desgin bên trên nền tảng MEAN Staông chồng. Tuy nhiên, một số trong những bạn chạm mặt khó khăn vào thiết lập với không cụ được cách thức hoạt động vui chơi của nó. Vì vậy bản thân viết series này để giúp các bạn tiếp cận 1 cách dễ dãi hơn.Bạn sẽ xem: Mean staông chồng là gì

Hướng dẫn sẽ tiến hành thành lập theo hầu như kỹ năng mình học được. Việc cải tiến và phát triển vận dụng trên MEAN Staông xã tương đối biến hóa năng động cùng những hướng, phía trên chỉ là 1 cách tiếp cận của bản thân mình thôi, nếu như bạn phát âm những bài khuyên bảo bên trên những trang không giống nhưng có bí quyết làm cho hoặc kết cấu thi công khác thì cũng chớ ngạc nhiên 

Tutorial này đã trả lời chúng ta tạo thành vận dụng MEAN Stack từ đầu, nghĩa là bọn họ ko thực hiện các bộ source được build sẵn như Mean.io, MeanJS, KrakenJS … Nhằm mục đích mang lại các bạn cầm được cách thức hoạt động cùng nền tảng chính của MEAN. Vì vậy nếu như bạn không muốn học hồ hết thứ căn uống bản, làm cho từ trên đầu mà lại sẽ nghiên cứu và phân tích về những bộ source sẵn bao gồm thì bạn cũng có thể giới hạn hiểu tutorial tại đây.

Bạn đang xem: Mean stack là gì

Trong nội dung bài viết trước tiên này bọn họ sẽ tạo cấu trúc cơ bản đến tutorial. Hãy nhìn qua kết cấu áp dụng mà lại bọn họ sẽ xây dựng dựng.


*

Mình vẫn phân tích và lý giải sơ qua một số trong những tệp tin và tlỗi mục chính, sau đây lúc bước vào chi tiết bản thân sẽ trình diễn rõ hơn.

Hãy lưu ý hầu như file kế bên cùng.

– VPS.js : đó là file chạy chủ yếu trong áp dụng Nodejs, nó tương tự như file index.php trong các framework php hiện giờ. Nhiệm vụ của nó là knhì báo những module, tùy chỉnh cấu hình kết nối cho tới database, cấu hình các ban bố áp dụng.

– README.md: chứa nội dung reviews về ứng dụng của họ, tệp tin này sẽ tiến hành hiển thị mặc định Khi họ upload source code lên Github.

– package.json: đựng khai báo các gói tlỗi viện nodejs trong áp dụng, công bố về tác giả, biểu đạt, từ bỏ khóa, phiên bản…

– bower.json: đây là file khai báo các thỏng viện resource, các tlỗi viện css, js dùng vào áp dụng, bài toán cai quản tlỗi viện resource bởi bower xuất sắc hơn nhiều so với Việc tải về với copy các thỏng viện bỏ vô ứng dụng một giải pháp thủ công bằng tay.

– .bowerrc: tệp tin này đang thông số kỹ thuật thư mục mà lại bower vẫn tải những thư viện về.

– .gitignore: tệp tin này sẽ cấu hình bỏ lỡ gần như thư mục/tập tin Lúc upload source lên Github.

Chúng ta sẽ sở hữu 4 thỏng mục thiết yếu.

– app: cất các file xử trí phía VPS dựa trên căn nguyên Nodejs.

+ Middleware: đựng những tập tin xử lý trước khi request cho tới được controller, các tập tin này còn có tác dụng như thể filter, soát sổ phân quyền người dùng lúc người dùng truy cập vào 1 route như thế nào đó.

+ Models: đựng các mã sản phẩm vào vận dụng, thông thường thì một collection (một bảng trong MongoDB call là 1 trong collection) vẫn tương ứng với 1 model vào thư mục này.

– config: tlỗi mục này đang cất những tập tin thông số kỹ thuật hệ thống, ví dụ báo cáo kết nối database.

Xem thêm: Tân Hợi 1971 Mệnh Gì - Tuổi Tân Hợi Hợp Tuổi Nào, Màu Gì, Hướng Nào

– node_modules: đấy là thư mục đã tự động sinh ra Khi ta chạy npm install, nó đã chứa các gói tlỗi viện của Nodejs.

– public: chứa những tập tin css, images, js, views do bọn họ viết và cất các tlỗi viện resource vì bower cài đặt về trong tlỗi mục libs. Trong tlỗi mục js đang chứa các nhân tố của áp dụng AngularJS như: controller, service, directive, filter, route… Nếu chúng ta chưa nắm rõ được các yếu tắc này của AngularJS thì hãy tham khảo bài xích viết trình làng về AngularJS để nắm rõ rộng.

Bắt tay vào kiến tạo như thế nào, hãy tạo nên cấu trúc ứng dụng nlỗi trên hình nhé.

Sau Lúc tạo nên dứt cấu tạo cơ phiên bản. Chúng ta sẽ viết nội dung cho tệp tin package.json.

"name": "MEAN-Tutorial", "version": "0.0.1", "author": "SangNguyen", "main": "server.js", "dependencies": "bower": "*", "express": "~4.5.1" , "devDependencies": "grunt": "~0.4.5", "grunt-cli": "~0.1.13", "grunt-contrib-clean": "~0.5.0", "grunt-contrib-cssmin": "^0.10.0", "grunt-contrib-jshint": "^0.10.0", "grunt-contrib-uglify": "^0.6.0", "grunt-contrib-watch": "^0.6.1" , "repository": "type": "git", "url": "https://github.com/sangnguyenplus/mean-tutorial" , "subdomain": "mean-tutorial", "scripts": "start": "grunt dev", "test": "grunt test", "postinstall": "bower install" , "engines": "node": "0.10.x", "npm": "1.4.x" Tại phía trên chúng ta chỉ cần quyên tâm một số trong những chỗ:

– dependencies: knhị báo những gói thỏng viện sử dụng chủ yếu, ở chỗ này mình chỉ mới cần sử dụng bower cùng expressjs.

– devDependencies: các bạn chưa nên quyên tâm, mình sẽ sử dụng những thư viện trong số ấy sau, hiện nay cđọng nhằm tạm này đã.

những thông tin không giống bạn có thể sửa mang lại cân xứng với ban bố của bạn hơn, nếu khách hàng không nắm vững thì hãy cứ nhằm im điều đó.

Rồi, hãy nhảy CMD lên với cd vào thỏng mục Mean-Tutorial, tiếp nối gõ lệnh npm instal để nó sở hữu thỏng viện về. Trong cơ hội hóng npm download tlỗi viện, bọn họ hãy chuyển hẳn qua tệp tin bower.json

"name": "MEAN Tutorial","version": "0.0.1","dependencies": "bootstrap": "~3.3.1","font-awesome": "~4.2.0","jquery": "~1.11.2","angular": "~1.3.15","angular-ui-router": "~0.2.13","angular-sanitize": "~1.3.15","resolutions": "angular": "~1.3.15"tiếp theo, hãy sửa văn bản tệp tin .bowerrc thành

node_modules/public/libs/*.DS_Storenpm-debug.logthumb.dbNhững tập tin và tlỗi mục này sẽ tiến hành làm lơ Khi ta upload source lên Github.

Kiểm tra xem npm nó đã sở hữu tlỗi viện về hoàn tất chưa, nếu như thiết lập thành công xuất sắc rồi thì các bạn sẽ thấy thỏng mục node_modules và các thỏng viện bên trong nó.

Bây giờ ta đã download các thư viện Bower về bằng lệnh bower install. Hãy chờ 1 thời gian để nó thiết lập về nhé, nếu như thiết lập thành công xuất sắc thì ta vẫn thấy thư mục public/libs cất những thỏng viện js, css mà ta dụng cụ vào file bower.json.

Rồi, hãy quay trở lại cùng với file chính làm sao, hệ thống.js

var express = require("express");var tiện ích = express();var VPS = require("http").createServer(app);var port = process.env.PORT || 3000;app.use(express.static(__dirname + "/public"));hệ thống.listen(port);console.log("Server is running on "+ port);exports = module.exports=app;Như tôi đã nhắc đến ở trên, tệp tin này sẽ load các thư viện nodejs và thông số kỹ thuật các thông số kỹ thuật. Ứng dụng của chúng ta vẫn chạy ngơi nghỉ cổng 3000. Hãy thử coi nó chạy được ko nào. Quý khách hàng hãy mở cmd lên, cd vào tlỗi mục đựng vận dụng với gõ node server nếu kết quả cầm cố này vậy nên thành công xuất sắc rồi đó.

E:MEAN-Tutorial>node serverServer is running on 3000Hiện nay bạn cũng có thể truy vấn vào http://localhost:3000 coi thử, tất yếu chỉ có Cannot GET / bởi họ chưa viết gì mang đến route này nhưng mà.

Trong bài viết tiếp sau bản thân vẫn trả lời các bạn tùy chỉnh thiết lập các module của AngularJS vào áp dụng MEAN Stack và sinh sản một số trong những view cơ phiên bản mang lại ứng dụng.