はじめに vue-cliで雛形のインストール(フロントエンド) サンプルページの追加 ビルドディレクトリの変更 Flaskのインストール(バックエンド) Flaskのサンプル作成 404ページの追加 APIの追加 終わりに はじめに 最近のWebアプリはReact.jsやVue.jsを使用したSPAが主流かと思いますが、データ取得のAPIを実装したりなど、サーバサイドの実装も必要になります。 自分はJavascriptに不慣れなのでサーバサイドはJavascriptではなくPythonを使いたかったので、Flaskと共存できる構成にしたかったのがきっかけです。 いろいろと探してみたらすでに先人がやっていました。 Full-stack single page application with Vue.js and Flask Single Page Apps with Vue.js and
はじめに Flask(バックエンド)とVue.js(フロントエンド)を使ってSPAの開発を行ったので,そのときの環境や手順についてまとめていきます.FlaskではSPA用のWebサーバとREST APIを動かします.Vue.jsではVue CLI 3を使って環境を構築するのと,フロントエンド単体で開発を進められるようにRESTのモックサーバなどの環境を用意します. Flaskとは Python製の軽量なWebアプリケーションフレームワークです.通常はテンプレートエンジンとしてJinja2を使ってHTMLを返す仕組みが一般的かと思いますが,今回はVue.jsとの組み合わせでSPAで開発を行います.また追加のパッケージを利用してREST APIの実装も行います. http://flask.palletsprojects.com/en/1.1.x/ Vue.jsとは WebアプリケーションのUI
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く