python - 在 Google Colab Notebook 中启动 Dash 应用

如何从 Google Colab ( http://dash.plot.ly ) 启动 Dash 应用程序 ( https://colab.research.google.com )？

最佳答案

据我所知，目前没有直接的方法可以做到这一点。

在下面找到类似于设置 Tensorboard ( https://www.dlology.com/blog/quick-guide-to-run-tensorboard-in-google-colab/ ) 的解决方法。

从设置此解决方法所需的所有内容的代码单元开始:

# How to run a Dash app in Google Colab

## Requirements

### Install ngrok
!wget https://bin.equinox.io/c/4VmDzA7iaHb/ngrok-stable-linux-amd64.zip
!unzip ngrok-stable-linux-amd64.zip

### Run ngrok to tunnel Dash app port 8050 to the outside world.
### This command runs in the background.
get_ipython().system_raw('./ngrok http 8050 &')

### Get the public URL where you can access the Dash app. Copy this URL.
! curl -s http://localhost:4040/api/tunnels | python3 -c \
    "import sys, json; print(json.load(sys.stdin)['tunnels'][0]['public_url'])"

### Install Dash
!pip install dash==0.31.1  # The core dash backend
!pip install dash-html-components==0.13.2  # HTML components
!pip install dash-core-components==0.39.0  # Supercharged components
!pip install dash-table==3.1.7  # Interactive DataTable component (new!)

使用您的 Dash 应用程序添加另一个代码单元:

## Dash app (https://dash.plot.ly/getting-started)

### Save file with Dash app on the Google Colab machine
%%writefile my_app1.py
import dash
import dash_core_components as dcc
import dash_html_components as html

external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']

app = dash.Dash(__name__, external_stylesheets=external_stylesheets)

app.layout = html.Div(children=[
    html.H1(children='Hello Dash'),

    html.Div(children='''
        Dash: A web application framework for Python.
    '''),

    dcc.Graph(
        id='example-graph',
        figure={
            'data': [
                {'x': [1, 2, 3], 'y': [4, 1, 2], 'type': 'bar', 'name': 'SF'},
                {'x': [1, 2, 3], 'y': [2, 4, 5], 'type': 'bar', 'name': u'Montréal'},
            ],
            'layout': {
                'title': 'Dash Data Visualization'
            }
        }
    )
])

if __name__ == '__main__':
    app.run_server(debug=True)

在最后一个代码单元格中，您可以启动您的 Dash 应用程序(此单元格将一直很忙，直到您停止执行并因此停止您的 Dash 应用程序)。

### Run Dash app
!python my_app1.py

要访问 Dash 应用程序，请将上面的 ngrok.io-URL 复制并粘贴到新的浏览器选项卡(不是 127.0.0.1:8050)并等待几秒钟。

关于python - 在 Google Colab Notebook 中启动 Dash 应用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/53622518/