Поиск:

Поиск по:

Результаты поиска по запросу «»
Найдено совпадений
По вашему запросу ничего не найдено
.
Показать еще

Как развернуть Dash приложение на хостинге

По умолчанию Dash запускает свой веб-сервер на localhost - то есть на вашем компьютере локально. Для того, что бы ваше приложение могли использовать другие люди, Dash приложение нужно установить на хостинг, а чтобы оно заработало, нужно обеспечить взаимодействие Dash приложения с веб-сервером через WSGI.

Dash состоит из клиентской части, написанной на react.js и работающей в браузере и серверной части, которая написана на Python и работает на веб-сервере. Это дает нам возможность подгрузки данных динамически, что позволяет многостраничному приложению работать в одном окне без перезагрузки всей страницы. Для того, что бы установить Dash на наш хостинг необходимо сделать следующие шаги:

Создаем контейнер для сайтов по выбранному тарифу

Выбор хостинга

Создаем сайт (если у вас нет домена пользуемся тестовым) с Python в панели управления

Выбор хостинга

Подключаемся через терминал прямо из панели

Выбор хостинга

Устанавливаем Dash со всеми зависимостями командой pip install dash

Выбор хостинга

Заходим в файл-менеджер, cоздаем файлы app.py и index.py:

Показать app.py
import dash
app = dash.Dash(__name__, suppress_callback_exceptions=True)
server = app.server

index.py используется для запуска приложений, поэтому нужно прописать после from app import app строку server = app.server

Показать index.py
import dash
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output

from app import app
from apps import app1, app2

server = app.server # Если не добавить эту строку, то не заработает.

app.layout = html.Div([
    dcc.Location(id='url', refresh=False),
    html.Div(id='page-content')
])


@app.callback(Output('page-content', 'children'),
              [Input('url', 'pathname')])
def display_page(pathname):
    if pathname in ['/', '/apps/app1']:
        return app1.layout
    elif pathname == '/apps/app2':
        return app2.layout
    else:
        return '404'
if __name__ == '__main__':
    app.run_server(debug=True)

Создаем дирректорию apps и в ней располагаем наши приложения app1.py и app2.py:

Показать app1.py
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output

from app import app

layout = html.Div([
    html.H3('App 1'),
    dcc.Dropdown(
        id='app-1-dropdown',
        options=[
            {'label': 'App 1 - {}'.format(i), 'value': i} for i in [
                'NYC', 'MTL', 'LA'
            ]
        ]
    ),
    html.Div(id='app-1-display-value'),
    dcc.Link('Go to App 2', href='/apps/app2')
])


@app.callback(
    Output('app-1-display-value', 'children'),
    [Input('app-1-dropdown', 'value')])
def display_value(value):
    return 'You have selected "{}"'.format(value)
Показать app2.py
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output

from app import app
layout = html.Div([
    html.H3('App 2'),
    dcc.Dropdown(
        id='app-2-dropdown',
        options=[
            {'label': 'App 2 - {}'.format(i), 'value': i} for i in [
                'MSK', 'SPB', 'EKB'
            ]
        ]
    ),
    html.Div(id='app-2-display-value'),
    dcc.Link('Go to App 1', href='/apps/app1')
])


@app.callback(
    Output('app-2-display-value', 'children'),
    [Input('app-2-dropdown', 'value')])
def display_value(value):
    return 'You have selected "{}"'.format(value)

В итоге у нас должна получится файловая структура:

- app.py
- index.py
- apps
   |-- __init__.py
   |-- app1.py
   |-- app2.py

В настройках Python у нас на хостинге нужно указать:

APP_PATH=/home/cXXXXX/yoursite.ru/app/index.py
APPLICATION=server

где server - имя той самой переменной из index.py, которое мы прописали ранее. Выбор хостинга

Перезапускаем Python

Выбор хостинга

И все готово

Регистрация доменов

в зонах .RU .РФ

от 200 рублей Зарегистрировать домен

SSL сертификаты

Подтверждение сайта и надежная защита

передаваемых данных

Купить сертификат

Облачные VDS

дешевле чашки кофе

Процессорных ядер: 4, Память: 4 Гб, Диск: 20 Гб SSD, Резервное копирование

от 30 р/день Заказать VDS

Все, что нужно от хостинга

Простое решение для вашего сайта

Подробнее

Хранилище данных

Храни что хочешь по смешным ценам

Почасовая оплата за размещенные данные.

Заказать хранилище