Допустим, вы хотите проверить свои навыки кодирования и работы с помощью SBC. Разработка веб-сервера LAMP, способного отображать динамические страницы PHP помимо сохранения важных записей в базе данных с использованием MariaDB, — это хороший способ тренировать свои мыслительные мышцы.
Однако, если вы хорошо разбираетесь только в Python или просто хотите развернуть простой веб-сайт без всех наворотов веб-сервера Apache, вы можете вместо этого пойти по пути Flask. Итак, вот подробное руководство о том, как настроить простой веб-сервер Flask на вашем SBC.
Лучший одноплатный компьютер 2024 года
Если вы подумывали о том, чтобы поработать с SBC, мы разберем наиболее распространенные из них и объясним, почему они вам нужны.
Что вам понадобится
Само собой разумеется, что SBC необходим для сервера Flask. Для этого урока я использовал Raspberry Pi 5, хотя общая процедура не отличается, если вы используете другие SBC. К счастью, размещение веб-сервера на базе Flask не слишком обременительно для этих крошечных систем, поэтому вы можете сэкономить деньги, выбрав более дешевые платы.
Вам также потребуется карта microSD для хранения файлов ОС и проекта. Для относительно простого веб-сайта вам понадобится карта с минимальным объемом памяти 8 ГБ, чтобы избежать проблем с производительностью или пространством.
Говоря об операционной системе, мы предполагаем, что она уже установлена на вашем Raspberry Pi. Для этого урока я использовал ОС Raspberry Pi, хотя вас вполне устраивают и другие дистрибутивы, такие как Ubuntu. Если вы используете Raspberry Pi, вы можете использовать наше руководство для начинающих о том, как программировать SBC, в качестве справочного материала.
Настройка Flask на вашем SBC
После того, как вы загрузились в операционную систему на своем SBC, вы можете начать с установки Python и Flask, прежде чем создавать несколько папок для организации файлов.
- Открой Терминал приложение.
- Если ваша ОС еще не включает Python3, установите его с помощью этой команды:
sudo apt install python3 -y
- Выполните следующую команду для установки Flask:
sudo apt-get install python3-flask -y
- Создайте новый каталог для сохранения файлов проекта с помощью мкдир команда:
mkdir flask_web_server
- Перейдите во вновь созданную папку с помощью кнопки CD команда.
cd flask_web_server
- Бегать мкдир чтобы создать новую папку с именем шаблоны.
mkdir templates
Здесь вы сохраните все HTML-файлы вашего сайта.
- Еще раз выполните команду мкдир команда на статический папка.
mkdir static
Мы будем использовать эту папку для хранения файлов CSS.
- Если ваша операционная система не включает Python IDE, вам придется установить ее, прежде чем вы сможете начать работу на веб-сервере. На протяжении всего руководства я использовал Thonny, и вы можете настроить его в своей ОС с помощью Snap Store.
sudo apt install snapdsudo snap install thonny
Создание веб-сервера
Теперь, когда вы установили Flask и создали все необходимые каталоги, пришло время заняться программированием.
- Запуск Тонни или другую среду разработки Python по вашему выбору.
- Вставьте следующий код в приложение:
from flask import Flaskapp = Flask(__name__)@app.route('/')def mypage():return 'Hi there, XDA!'if __name__ == '__main__':app.run(host='0.0.0.0') - Нажать на Сохранять кнопку, дайте скрипту имяи нажмите ХОРОШО после того, как убедитесь, что в качестве расширения файла выбрана опция «Файлы Python».
- Вернитесь к терминалу и запустите только что созданный вами скрипт web_server.py с помощью этой команды:
sudo python3 web_server.py
Если ты не в flask_web_server папку, обязательно переключитесь в эту директорию с помощью CD команда.
- Переключитесь на компьютер и введите айпи адрес вашего SBC, за которым следует двоеточие и порт 5000.
IP-адрес вашего устройства должен быть виден в Терминал после запуска команды инициализации веб-сервера.
- Если вместо этого вы хотите получить к нему доступ из своего SBC, вы можете ввести 127.0.0.1:5000 в URL-адрес вашего любимого веб-браузера.
- По умолчанию веб-сервер Flask будет доступен через порт 5000, но вы можете добавить порт = номер_порта фрагмент внутри приложение.run заявление, если вы используете порт 5000 для какой-либо другой службы.
Добавление HTML-файлов на веб-сервер
Таким образом, вы настроили простой сервер Flask. Однако на данный момент веб-сайту на базе Flask не хватает контента и пользовательского интерфейса. Вы можете добавить на сайт больше статического контента с помощью HTML-файлов.
- Отправляйтесь в шаблоны папку с помощью Файловый менеджер.
- Создать HTML-файл внутри этой папки.
Обязательно переключите тип файла на все файлы прежде чем добавлять .html расширение в конце имени файла.
- Снова откройте файл web_server.py, используя Тонни и импортируйте render_template функцию, объявив ее в начале файла.
from flask import Flask, render_template
- Добавьте оператор возврата в разделе моя страница() вызвать render_template функция. HTML-файл отобразится на веб-странице.
return render_template ('xda.html') - Сохраните все изменения и введите перезагрузку веб-сервера, еще раз выполнив эту команду:
sudo python3 web_server.py
Добавление CSS-файлов на веб-сервер
Хотя мы добавили на сайт больше контента, вы, возможно, заметили, что он выглядит довольно скучно. Технически вы можете изменить HTML-файл, чтобы он не раздражал глаз, но я предлагаю использовать сценарии CSS, чтобы улучшить пользовательский интерфейс и сделать веб-сайт более эстетичным.
- Отправляйтесь в статический папка.
- Создайте новый файл CSS в этом месте.
Как и в случае с файлом HTML, обязательно измените расширение файла на .css прежде чем сохранить его.
- Снова откройте HTML-файл, который вы создали ранее.
- Добавьте следующий фрагмент под <голова> тег для ссылки на ваш CSS-файл.
<link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='styles.css') }}"> - Наконец, перезапустите веб-сервер с терминала.
sudo python3 web_server.py
Улучшение веб-сервера Flask на базе SBC
Предполагая, что вы правильно выполнили все шаги, на вашем SBC будет работать полностью функционирующий веб-сайт. Тем, кто справится с этой задачей, я предлагаю добавить несколько веб-страниц и связать их между собой с помощью фрагмент внутри HTML-файлов. Точно так же вы можете поиграть с кодами CSS, чтобы улучшить внешний вид веб-сайта.
Если вы интересуетесь программированием, обязательно ознакомьтесь с другим нашим руководством по созданию сервера LAMP с помощью Raspberry Pi. В качестве альтернативы вы можете рассмотреть несколько простых идей проектов, если вы новичок в SBC и хотите сориентироваться, прежде чем приступать к более сложным проектам.
8 простых проектов, которые можно построить с помощью любого SBC
Кто сказал, что вам понадобится Raspberry Pi, чтобы создать свой следующий проект своими руками?
