Giter Club home page Giter Club logo

streamlit_azure_webapp's Introduction

Streamlit App deployment using Azure - Webapp

  • Demo repo to deploy Streamlit private repo to Azure service.
  • Note: This guideline is written on August 2023. Any changing or deprecation might be happened in the future.

Deployment Guideline

Step 1: Basics Section

  1. Search App Serives and click it. Then click Create and choose Web App.
  2. Choose existed Resource Group (rg_invoke)
  3. Write app name. Please ensure the name is descriptive as possible. ie. analytics-dashboard-web-app
  4. For Publish, choose Code (if you have container, choose Container)
  5. Choose runtime stack (Python). Please ensure the Python version is similar to the Python version that you used on local development.
  6. Select region (Southeast Asia)
  7. Select operating system (Linux is recommended)
  8. Create Linux-plan name. Please ensure the name is descriptive as possible. ie linux-analytics
  9. Choose pricing plan for compute resources. Refer experience developer/lead to get some advice on the choice.
  10. Ignore Zone redundancy.
  11. Move to Step 2.

Step 2: Deployment

  1. On the same page, click Deployment tab.
  2. Click Enable for Continuous deployment.
  3. On Github account, link to your Github account.
  4. Choose organization (INVOKE-Analytics)
  5. Select project repository name.
  6. Select branch to deploy.
  7. Click Review + create. Please ensure all the description is correct following to your deployment plan.
  8. Click Create.
  9. Move to Step 3.

Step 3: Configuration

  1. Click your web-app name in App Service.
  2. Click Configuration (Under settings)
  3. Click General settings
  4. Ensure the stack is Python, major version and minor version is correct.
  5. Insert the following line for startup command. The main.py is referred to the top script to deploy.
python -m streamlit run main.py --server.port 8000 --server.address 0.0.0.0
  1. Click Save.
  2. Move to step 4.

Step 4: Github Actions

  1. Open your project repo on Github.

  2. You will see there is .github/workflows directory created by Azure for the CI/CD.

  3. Click Actions.

  4. A workflow should be running.

  5. Wait until the process is finished.

  6. If the workflow failed, rerun the workflow.

  7. If the workflow succeed, click the link return by the workflow.

  8. You will be redirected to your Streamlit app.

  9. Deployment finished.

  10. Congratulation you have deployed your app on Azure!

    Step 5 :View Application

    1.Go to Overview & see the default domain & click on it 2.Please wait(Azure could be slow based on the compute resources) & you will see the page is loaded

  • Your webapp will look like this if you replicate the above steps

  • Feel free to modify this & create your version of the streamlit app

    image

streamlit_azure_webapp's People

Contributors

palbha avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.