Cách xây dựng trang web trên Raspberry Pi, với Node.js, Express và MongoDB Phần 1: 6 bước

2024 Tác giả: John Day | [email protected]. Sửa đổi lần cuối: 2024-01-30 13:34

Chào mừng bạn đến với PHẦN 1 của hướng dẫn ứng dụng web node.js của tôi. Phần 1 sẽ đi qua phần mềm cần thiết được sử dụng để phát triển ứng dụng node.js, cách sử dụng chuyển tiếp cổng, cách tạo ứng dụng bằng Express và cách chạy ứng dụng của bạn. Phần thứ hai của hướng dẫn này sẽ trình bày tất cả mã và cấu trúc của ứng dụng web đầy đủ của tôi. Nếu bạn đã sẵn sàng cho điều đó, hãy truy cập nó ở đây.

Vì vậy, trong khi xây dựng trang ra mắt cá nhân của mình, tôi thấy rất khó để thoát ra khỏi đám cỏ dại. Có nhiều thứ trên internet hơn cả những gì tôi chưa từng hiểu về việc xây dựng một trang web.

Đây là hướng dẫn về cách sử dụng Node.js, Express và Mongodb. để tạo một trang web.

Mã cho tất cả những điều này là ở đây.

Trang web của tôi được gọi là Internet. Vui lòng truy cập nếu bạn muốn có một cái nhìn tương tác hơn trên một trang web cá nhân.

Tôi bắt đầu trang này để có sự hiện diện cá nhân trên internet với các dự án tôi đã thực hiện, với các liên kết đến các dự án có thể hướng dẫn của tôi để biết thêm chi tiết.

Trang web này được lưu trữ tại nhà của tôi trên pi zero W.

Bước 1: Những thứ bạn cần

1 lần. Tôi không thể nhấn mạnh rằng để phát triển một trang web và thực sự hiểu được hoạt động bên trong, là một quá trình dài được đúc kết. Tôi có bằng kỹ sư điện với trọng tâm là điện tử vi mô và rất thích viết mã, và điều này tôi vẫn mất hàng tháng trời để hoàn thành.

Hướng dẫn này sẽ là một khối xây dựng tốt, nhưng vui lòng đọc thêm tài liệu trực tuyến để hiểu từng phần.

2. Raspberry pi - bất kỳ mô hình nào sẽ làm được. Ngoài ra, bất kỳ máy tính chạy linux nào cũng vậy. Trên thực tế, bất kỳ máy tính nào cũng vậy, tôi chỉ đi vào chi tiết hơn về cách chạy nó trên pi.

3. Kết nối Internet - nếu bạn dự định tổ chức sự kiện này với thế giới. Cần có bộ định tuyến hoặc bộ chuyển mạch mạng để định cấu hình chuyển tiếp cổng.

4. Phần mềm - Bất kỳ nền tảng mã hóa nào cũng sẽ hoạt động, Sublime, Webstorm, Notepadd ++, Visual Studios, hoặc bất kỳ thứ gì khác. Tôi chủ yếu sử dụng Webstorm hoặc Sublime.

Bước 2: Chuyển tiếp cổng trên Raspberry Pi của bạn

Vì vậy, tôi sẽ giả định rằng bạn đã thiết lập pi raspberry của mình. Nếu không, hãy xem hướng dẫn dễ dàng này ở đây.

Pi của tôi đang chạy Jessie lite, và tất cả đều là thiết bị đầu cuối. Lợi ích của việc này là tôi không có nhiều quy trình chạy nền có thể làm cho máy chủ của tôi chạy chậm hơn với lưu lượng truy cập cao. Bây giờ hãy để tôi nói rằng hướng dẫn này dành cho các trang web có lưu lượng truy cập thấp. Bất kỳ trang web nào có lưu lượng truy cập cao sẽ chạy chậm trên pi và có thể làm cho máy chủ của bạn gặp sự cố.

Cổng chuyển tiếp

Với pi của bạn được thiết lập, bạn sẽ phải bật chuyển tiếp cổng trên bộ định tuyến hoặc bộ chuyển mạch của mình. Để thực hiện việc này, hãy tìm cài đặt chuyển tiếp cổng trong bộ định tuyến của bạn. Mỗi bộ định tuyến đều khác nhau, tôi đang hiển thị GUI Linksys Velop của mình tại đây.

Trang web của tôi được định cấu hình thành cổng 3000, điều này có thể được thay đổi trong mã nguồn trong tệp app.js hoặc www.

Tôi cũng có cổng 22 được thiết lập để chuyển tiếp để tôi có thể SSH vào số pi của mình, điều này có thể được thiết lập trong cài đặt pi. SSH là một cách để sử dụng thiết bị đầu cuối trên số pi của bạn khi không ở trên cùng một mạng và cũng như khi không sử dụng đầu ra hiển thị từ số pi. Điều này cho phép tôi cập nhật trang web của mình từ một máy tính khác và đẩy các thay đổi vào số pi của tôi.

Làm theo các hình ảnh để thiết lập chuyển tiếp cổng.

Dịch vụ DNS

Bạn sẽ cần một dịch vụ liên kết địa chỉ ip của bạn với tên địa chỉ web. Bạn sẽ có thể nhập địa chỉ ip toàn cầu của bộ định tuyến, sau đó là số cổng để truy cập trang web của bạn. Tuy nhiên, điều này rất khó, đặc biệt nếu ip toàn cầu của bạn thay đổi. Những gì dịch vụ DNS làm là theo dõi và cập nhật những thay đổi này để tên web và ip của bạn được liên kết. Tôi chọn sử dụng một dịch vụ miễn phí thông qua no-ip. Bạn có thể trả tiền cho bất cứ thứ gì bạn muốn. Đây chỉ là một cách miễn phí mà tôi biết.

www.noip.com/

Bước 3: Cài đặt phần mềm cần thiết trên Pi

Nếu bạn đã tải xuống mã GitHub của tôi, bạn sẽ không cần phải làm bất cứ điều gì ngoại trừ chạy lệnh bắt đầu npm đơn giản để trang web chạy. Tuy nhiên, vì đây là một hướng dẫn chuyên sâu nên tôi sẽ giải thích cách cài đặt tất cả các gói và phần mềm cần thiết.

Trong khi trên máy tính pi hoặc linux của bạn (sẽ có các lệnh khác nhau để sử dụng windows), hãy chạy các lệnh sau.

Tôi đã chia nhỏ các bước này thành các bước riêng lẻ để làm theo các bước dễ dàng hơn.

1. Cài đặt node.js và npm

Node.js về cơ bản là tập lệnh java tạo máy chủ. NPM là trình quản lý gói nút và xử lý tất cả các phần mềm trung gian cần thiết với node.js.

Chạy các lệnh sau trên máy Linux hoặc mac để cài đặt.

curl -sL https://deb.nodesource.com/setup_6.x | sudo -E bash sudo apt-get install -y nodejs

Để tải xuống trên windows, chỉ cần sử dụng exe tìm thấy ở đây.

Liên kết này dành cho sự trợ giúp của linux nếu không có trên pi raspberry.

2. Cài đặt MongoDB

MongoDB chỉ là một cơ sở dữ liệu. Tôi sử dụng cái này cho phần đăng nhập và bộ đếm lưu lượng truy cập trên trang web của mình.

Chạy các lệnh sau trên máy Linux hoặc mac để cài đặt.

sudo apt-key adv --keyserver hkp: //keyserver.ubuntu.com: 80 --recv 0C49F3730359A14518585931BC711F9BA15703C6

echo "deb https://repo.mongodb.org/apt/debian jessie / mongodb-org / 3.4 main" | sudo tee /etc/apt/sources.list.d/mongodb-org-3.4.list

sudo apt-get cập nhật

sudo apt-get install -y mongodb-org

Để tải xuống trên windows, chỉ cần sử dụng exe tìm thấy ở đây.

Liên kết này dành cho sự trợ giúp của linux nếu không có trên pi raspberry.

3. Cài đặt Grunt

Grunt giống như npm, vì bạn có thể sử dụng nó kết hợp với các plugin khác. Tôi không sử dụng nó cho ứng dụng của mình, tuy nhiên nó rất hữu ích khi tự động hóa các tác vụ. Bạn có thể bỏ qua hoàn toàn bước này để ứng dụng của bạn hoạt động.

Đối với windows, mac hoặc linux, hãy sử dụng lệnh sau.

npm install -g grunt-cli

4. Cài đặt Express

Express là một cách dễ dàng để sử dụng node js framework. Chúng tôi sẽ lắp đặt một máy phát điện nhanh. Điều này tạo ra khuôn khổ dễ sử dụng của một ứng dụng web.

Đối với windows, mac hoặc linux, hãy sử dụng lệnh sau.

npm cài đặt express-maker -g

Bước 4: Tạo ứng dụng Express Node.js

Điều hướng đến vị trí thư mục mà bạn định đặt ứng dụng của mình. Khi đến đây, tất cả các lượt cài đặt trong tương lai sẽ nằm trong thư mục này.

Chạy các lệnh sau trên máy Linux hoặc mac để thay đổi thư mục.

sudo cd / home / pi / myapp

Cho cửa sổ:

cd C: / Users / pi / Desktop / myapp

Sử dụng trình tạo express để tạo khung js nút cần thiết.

express nameofmyapp

Điều này sẽ tạo ra một dự án node.js thể hiện rõ ràng, bạn có thể chỉnh sửa các tính năng của nó trong bước này bằng cách tìm các lệnh khác nhau như được thấy bên dưới bằng lệnh -h. Hoặc bạn có thể chỉnh sửa thủ công mẫu đã tạo, như tôi có. Tôi sẽ thảo luận chi tiết hơn về vấn đề này trong phần 2. Bạn có thể thêm các biến khác vào mã này để thay đổi cài đặt trong ứng dụng của mình, chẳng hạn như sử dụng html, tay lái, jade và các biến khác. Đối với điều này, hãy chạy lệnh:

express -h

Tiếp tục thiết lập ứng dụng web node.js của bạn bằng cách chạy các lệnh sau:

cd nameofmyapp

cài đặt npm

Điều này cài đặt tất cả các gói cần thiết mà ứng dụng web node.js của bạn sẽ cần để chạy và hơn thế nữa có sẵn để sử dụng.

Trong ví dụ này, đường dẫn tệp cho ứng dụng sẽ là:

/ home / pi / myapp / nameofmyapp

Điều này là do trình tạo express tạo một tệp dựa trên chuỗi bạn đặt sau nó. Nếu bạn đã ở trong thư mục mong muốn, chỉ cần sử dụng express.

Bước 5: Chạy ứng dụng web của bạn

Để chạy ứng dụng web node.js của bạn, hãy chạy lệnh:

npm bắt đầu

Để làm cho nó hiệu quả hơn trong khi viết mã để ứng dụng của chúng tôi cập nhật tự động sau khi chúng tôi thực hiện các thay đổi, chúng tôi sẽ cài đặt gật đầu.

npm install -g gật đầu

Đây là nơi mà hầu hết các hướng dẫn sẽ cho bạn biết cách xây dựng thú vị và để bạn tìm ra công việc khó khăn cho đôi chân. Trong các bước tiếp theo, tôi sẽ hướng dẫn bạn cách tôi xây dựng ứng dụng của mình.

Bước 6: Tín dụng

Không hẳn là một bước nhưng tôi muốn liệt kê các nguồn và cảm hứng của mình cho hướng dẫn này.

Github ReadMe này được viết bởi một người bạn tốt khi làm việc trong dự án thiết kế cấp cao của chúng tôi và nó đã mang lại rất nhiều cảm hứng về cách tạo trang web của tôi.

github.com/SDP-DT04/Web-Application/blob/m…

Hướng dẫn này là một công cụ hữu ích trong quá trình tạo một ứng dụng web.

kroltech.com/2013/12/29/boilerplate-web-app…

Để biết thêm thông tin về trang node.js, hãy truy cập Phần 2 của tôi.