version 1
commit
c5f37091d8
|
|
@ -0,0 +1,2 @@
|
||||||
|
*.pyc
|
||||||
|
*.db
|
||||||
|
|
@ -0,0 +1,15 @@
|
||||||
|
Flask Web Interface
|
||||||
|
============
|
||||||
|
Instalador de una interfaz web basica usando python3 y Flask
|
||||||
|
|
||||||
|
Contenido
|
||||||
|
=========
|
||||||
|
web-interface: Sitio web básico hecho con Flask y Python.
|
||||||
|
|
||||||
|
Instalación
|
||||||
|
===========
|
||||||
|
Para instalar el proyecto se debe ejecutar el script ``Setup.sh`` con privilegios de root.
|
||||||
|
|
||||||
|
Licencia
|
||||||
|
========
|
||||||
|
El proyecto tiene licencia GPL3 para fines educacionales.
|
||||||
|
|
@ -0,0 +1,26 @@
|
||||||
|
#!/bin/bash
|
||||||
|
|
||||||
|
apt update
|
||||||
|
apt upgrade
|
||||||
|
apt install -y neofetch fortunes vim python3-pip gunicorn git
|
||||||
|
|
||||||
|
echo "" > /etc/motd
|
||||||
|
|
||||||
|
echo "" >> /etc/bash.bashrc
|
||||||
|
echo "neofetch" >> /etc/bash.bashrc
|
||||||
|
echo "/usr/games/fortune" >> /etc/bash.bashrc
|
||||||
|
echo "set mouse=" >> /etc/vim/vimrc
|
||||||
|
|
||||||
|
git clone https://dev.ilab.cl/git/pythonweb.git /srv
|
||||||
|
|
||||||
|
cd /srv
|
||||||
|
pip3 install setuptools
|
||||||
|
pip3 install -r web-interface/requirements.txt
|
||||||
|
|
||||||
|
systemctl stop webinterface.service
|
||||||
|
|
||||||
|
cp -f webinterface.service.sample /etc/systemd/system/webinterface.service
|
||||||
|
|
||||||
|
systemctl unmask webinterface.service
|
||||||
|
systemctl enable webinterface.service
|
||||||
|
systemctl start webinterface.service
|
||||||
|
|
@ -0,0 +1,19 @@
|
||||||
|
# -*- coding: utf-8 -*-
|
||||||
|
from flask import Flask, request, render_template
|
||||||
|
from user_agents import parse
|
||||||
|
app = Flask(__name__)
|
||||||
|
|
||||||
|
@app.route('/')
|
||||||
|
def home():
|
||||||
|
return render_template('home.html')
|
||||||
|
|
||||||
|
@app.route('/about')
|
||||||
|
def about():
|
||||||
|
return render_template('license.html')
|
||||||
|
|
||||||
|
@app.route('/browser')
|
||||||
|
def browser():
|
||||||
|
|
||||||
|
ipaddr = request.environ['REMOTE_ADDR']
|
||||||
|
uadata = parse(request.user_agent.string)
|
||||||
|
return render_template('about.html', title='Datos del Navegador', ipaddr=ipaddr, uastr=str(uadata))
|
||||||
|
|
@ -0,0 +1,3 @@
|
||||||
|
Flask==1.0
|
||||||
|
ua-parser==0.8.0
|
||||||
|
user-agents==2.0
|
||||||
|
|
@ -0,0 +1,80 @@
|
||||||
|
body {
|
||||||
|
background: #fcfcfc;
|
||||||
|
color: #222222;
|
||||||
|
margin-top: 5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
color: #303030;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-steel {
|
||||||
|
background-color: #3d3d3d;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-header .navbar-nav .nav-link {
|
||||||
|
color: #dce6ec;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-header .navbar-nav .nav-link:hover {
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-header .navbar-nav .nav-link.active {
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-section {
|
||||||
|
background: #ffffff;
|
||||||
|
padding: 10px 20px;
|
||||||
|
border: 1px solid #dddddd;
|
||||||
|
border-radius: 3px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.article-title {
|
||||||
|
color: #444444;
|
||||||
|
}
|
||||||
|
|
||||||
|
a.article-title:hover {
|
||||||
|
color: #428bca;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.article-content {
|
||||||
|
white-space: pre-line;
|
||||||
|
}
|
||||||
|
|
||||||
|
.article-img {
|
||||||
|
height: 65px;
|
||||||
|
width: 65px;
|
||||||
|
margin-right: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.article-metadata {
|
||||||
|
padding-bottom: 1px;
|
||||||
|
margin-bottom: 4px;
|
||||||
|
border-bottom: 1px solid #e3e3e3
|
||||||
|
}
|
||||||
|
|
||||||
|
.article-metadata a:hover {
|
||||||
|
color: #333;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.article-svg {
|
||||||
|
width: 25px;
|
||||||
|
height: 25px;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.account-img {
|
||||||
|
height: 125px;
|
||||||
|
width: 125px;
|
||||||
|
margin-right: 20px;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.account-heading {
|
||||||
|
font-size: 2.5rem;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,10 @@
|
||||||
|
{% extends "layout.html" %}
|
||||||
|
{% block content %}
|
||||||
|
<article class="media content-section">
|
||||||
|
<div class="media-body">
|
||||||
|
<legend class="border-bottom mb-4">Acerca del Navegador</legend>
|
||||||
|
<p class="article-content">La dirección IP de la que estás accediendo es {{ ipaddr }}. </p>
|
||||||
|
<p class="article-content">El navegador te identifica como: {{ uastr }}</p>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
{% endblock content %}
|
||||||
|
|
@ -0,0 +1,15 @@
|
||||||
|
{% extends "layout.html" %}
|
||||||
|
{% block content %}
|
||||||
|
<article class="media content-section">
|
||||||
|
|
||||||
|
<div class="media-body">
|
||||||
|
<legend class="border-bottom mb-4">Página de pruebas</legend>
|
||||||
|
|
||||||
|
<p class="article-content">Este es un sitio web de prueba utilizando Flask. </p>
|
||||||
|
<p class="article-content">Actualmente no tiene ningún contenido ni funcionalidad, de manera que sirva como una plantilla vacía para poder mostrar el contenido deseado, o implementar una funcionalidad sin tener que partir desde cero.</p>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
<div class="d-flex justify-content-end">
|
||||||
|
<a href="{{ url_for('browser') }}" class="btn btn-primary btn-lg " role="button" aria-disabled="true">Ver datos del navegador</a>
|
||||||
|
</div>
|
||||||
|
{% endblock content %}
|
||||||
|
|
@ -0,0 +1,73 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<!-- Required meta tags -->
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
|
|
||||||
|
<!-- Bootstrap CSS -->
|
||||||
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
|
||||||
|
<script src="https://kit.fontawesome.com/9797d9c6de.js" crossorigin="anonymous"></script>
|
||||||
|
|
||||||
|
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='main.css') }}">
|
||||||
|
|
||||||
|
{% if title %}
|
||||||
|
<title>Flask Site - {{ title }}</title>
|
||||||
|
{% else %}
|
||||||
|
<title>Flask Site</title>
|
||||||
|
{% endif %}
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header class="site-header">
|
||||||
|
<nav class="navbar navbar-expand-md navbar-dark bg-steel fixed-top ">
|
||||||
|
<div class="container">
|
||||||
|
<a class="navbar-brand mr-4" href="{{ url_for('home') }}">Flask App</a>
|
||||||
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggle" aria-controls="navbarToggle" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
<div class="collapse navbar-collapse" id="navbarToggle">
|
||||||
|
<div class="navbar-nav mr-auto">
|
||||||
|
|
||||||
|
<a class="nav-item nav-link" href="{{ url_for('home') }}">Dashboard</a>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<!-- Navbar Right Side -->
|
||||||
|
<div class="navbar-nav">
|
||||||
|
|
||||||
|
<a class="nav-item nav-link" href="{{ url_for('browser') }}">Información del Navegador</a>
|
||||||
|
<a class="nav-item nav-link" href="{{ url_for('about') }}">Acerca de...</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
<main role="main" class="container">
|
||||||
|
<div class="row justify-content-lg-center">
|
||||||
|
<div class="col-md-8">
|
||||||
|
{% with messages = get_flashed_messages(with_categories=true) %}
|
||||||
|
{% if messages %}
|
||||||
|
{% for category, message in messages %}
|
||||||
|
<div class="alert alert-{{ category }}">
|
||||||
|
{{ message }}
|
||||||
|
</div>
|
||||||
|
{% endfor %}
|
||||||
|
{% endif %}
|
||||||
|
{% endwith %}
|
||||||
|
{% block admin %}{% endblock %}
|
||||||
|
{% block content %}{% endblock %}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- Optional JavaScript -->
|
||||||
|
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
|
||||||
|
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
|
||||||
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,15 @@
|
||||||
|
{% extends "layout.html" %}
|
||||||
|
{% block content %}
|
||||||
|
<article class="media content-section">
|
||||||
|
<div class="media-body">
|
||||||
|
<legend class="border-bottom mb-4">Sobre el licenciamiento de este código</legend>
|
||||||
|
<p class="article-content">Este código está licenciado bajo MIT para los usuarios de <i>i</i>Lab. Para los demás, deben conseguir una licencia especial si quieren utilizar este código con usos comerciales. Para fines educacionales se le puede conceder una licencia GPLv3 si la solicitan a israel.figueroa@ilab.cl.</p>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
<article class="media content-section">
|
||||||
|
<div class="media-body">
|
||||||
|
<legend class="border-bottom mb-4">Sobre el funcionamiento</legend>
|
||||||
|
<p class="article-content">El código está pensado para mostrar un contenido web básico utilizando Flask y Python 3. El código incluye un instalador como servicio, que permite que el programa se inicie cada vez que prenda el sistema. </p>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
{% endblock content %}
|
||||||
|
|
@ -0,0 +1,4 @@
|
||||||
|
from basicweb import app
|
||||||
|
|
||||||
|
if __name__ == "__main__":
|
||||||
|
app.run()
|
||||||
|
|
@ -0,0 +1,12 @@
|
||||||
|
[Unit]
|
||||||
|
Description=Sample-WebInterface
|
||||||
|
After=network.target
|
||||||
|
|
||||||
|
[Service]
|
||||||
|
User=root
|
||||||
|
WorkingDirectory=/srv/web-interface
|
||||||
|
ExecStart=/usr/bin/gunicorn -b 0.0.0.0:80 wsgi:app
|
||||||
|
Restart=always
|
||||||
|
|
||||||
|
[Install]
|
||||||
|
WantedBy=multi-user.target
|
||||||
Loading…
Reference in New Issue