usadamasa / vueflask

vueflask

S3のバケットの状況を確認するSPAをvuejsとflaskで作る

TODO

• プロジェクトの雛形を作る
  • vue

    npm install -g vue-cli
    vue init webpack vue
    npm install
    npm run dev
    

  • flask

    mkdir -p backend/python
    cd backend/python
    pipenv install
    pipenv install Flask
    

  • つなぎこみ
• s3に接続する
  • boto3
  • profile使う
• flaskのクエリパラメータを使う
• vueの画面からflaskにパラメタを渡す
• ファイル一覧を取得する
• vueでテーブル?表示する
• デプロイできるようにする
  • docker-compose
  • nginx
  • 動作確認

Reference

• Vue.js(vue-cli)とFlaskを使って簡易アプリを作成する【前半 - フロントエンド編】
• Vue.js(vue-cli)とFlaskを使って簡易アプリを作成する【後半 - サーバーサイド編】
• Vue.jsとFlaskのDocker環境を構築してみた
• boto3 で デフォルトprofile以外を使う - Qiita