Перейти к содержимому

Deploy a Plotly Dash data visualization app for free on Google Cloud Run in a few simple steps.

Federico Tartarini

0:00 / 0:00

Deploy a Plotly Dash data visualization app for free on Google Cloud Run in a few simple steps.

14 574 просмотра · 5 л. назад
Federico Tartarini
11,4 тыс. подписчиков
14 574 просмотра · 5 л. назад
How to deploy a data visualization app that uses Plotly Dash a Plotly express on Google Cloud Run for free. I will show you all the steps and no prior knowledge is required. Please find the source code below. ✅ Subscribe for more videos like this one 🔔 Click on the bell icon to be notified when I release a new video 👍 Please like my video! ⚠️ Join my channel to get access to perks:    / @federicotartarini   🙏 Support my channel on Patreon at   / federicotartarini   ☕ Support my channel by buying me a coffee - https://www.buymeacoffee.com/FedericoT 🎥 Playlists you may find useful: ➜ Google Cloud Platform:    • Google Cloud Console   ➜ Beamer LaTeX course:    • LaTeX Beamer   ➜ Full LaTeX course:    • LaTeX   ➜ PyCharm course:    • PyCharm   ➜ Building a documentation website with Docusaurus:    • Docusaurus   🎥 Videos you may find useful: ➜ Build and deploy a documentation website using Docusaurus 2:    • Build and deploy a documentation website u...   ➜ Add a glossary to your document containing terms and acronyms:    • Add a glossary to your document containing...   ➜ Write a paper using the Elsevier template:    • How to Get Started and Write a Paper with ...   ➜ Overleaf and GitHub integration:    • Overleaf and GitHub integration - sync an ...   ➜ Review a document in Overleaf:    • Review a document in Overleaf   ➜ Export citations from Mendeley into LaTeX:    • Export citations from Mendeley into LaTeX ...   ➜ Pandas DataFrame to LaTeX table:    • Pandas DataFrame to LaTeX table - LaTeX co...   ➜ How to use git and GitHub with PyCharm:    • How to use git and GitHub with PyCharm and...   ➜ Use Grammarly in Overleaf ✍️:    • Use Grammarly in Overleaf ✍️   ➜ TeXiFy - PyCharm IntelliJ LaTeX plug-in:    • TeXiFy - PyCharm IntelliJ LaTeX plug-in - ...   ➜ Nomenclature in LaTeX document:    • Nomenclature in LaTeX document - all you n...   ➜ Why you should start using LaTeX now!!:    • 10 Reasons Why You Should Start Using LaTe...   ✅ Let's connect: 🌍 My website - https://federicotartarini.github.io/ 💻 GitHub - https://github.com/FedericoTartarini Twitter -   / federicotartar1   LinkedIn –   / federico-tartarini   📝 Useful notes: https://dash.plotly.com/ https://cloud.google.com/sdk/docs/ins... 👨‍💻 Source code: Dash basic application code: https://dash.plotly.com/layout Change the last two lines as follows: ``` if _name_ == '__main__': app.run_server(debug=False, host="0.0.0.0", port=8080) ``` Dockerfile: ``` Use the official lightweight Python image. https://hub.docker.com/_/python FROM python:3.8 Copy local code to the container image. ENV APP_HOME /app WORKDIR $APP_HOME COPY . ./ Install production dependencies. RUN pip install -r requirements.txt EXPOSE 8080 CMD python app.py ``` Commands to build and deploy the application ``` gcloud builds submit --tag gcr.io/ProjectID/dash-youtube-example --project=ProjectID gcloud run deploy --image gcr.io/ProjectID/dash-youtube-example --platform managed --project=ProjectID --allow-unauthenticated ``` requirements.txt ``` dash==1.20.0 pandas==1.2.4 plotly==4.14.3 ``` 🎥 Content of this video: 00:00 - What you will learn 00:10 - Plotly Dash 02:00 - Google Cloud Run 03:30 - Create a new project 10:00 - Deploy app locally 13:00 - Build the application 18:00 - Deploy application on Google Cloud Run 🔣 Keywords: #Dash #Plotly #PlotlyDash #PlotlyExpress #GoogleCloudRun #GoogleCloud #DataVisualization #WebApplication #GoogleCloudConsole