質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Angular

Angularは、JavaScriptフレームワークです。AngularJSの後継であり、TypeScriptベースで実装されています。機能ごとに実装を分けやすく、コードの見通しが良いコンポーネント指向です。

Flask

FlaskはPython用のマイクロフレームワークであり、Werkzeug・Jinja 2・good intentionsをベースにしています。

Express

ExpressはNode.jsのWebアプリケーションフレームワークです。 マルチページを構築するための機能セットおよびハイブリッドのWebアプリケーションを提供します。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

Q&A

0回答

1712閲覧

Angular SSRをflaskサーバーで動かしたい

hiyashikyuri

総合スコア388

Angular

Angularは、JavaScriptフレームワークです。AngularJSの後継であり、TypeScriptベースで実装されています。機能ごとに実装を分けやすく、コードの見通しが良いコンポーネント指向です。

Flask

FlaskはPython用のマイクロフレームワークであり、Werkzeug・Jinja 2・good intentionsをベースにしています。

Express

ExpressはNode.jsのWebアプリケーションフレームワークです。 マルチページを構築するための機能セットおよびハイブリッドのWebアプリケーションを提供します。

Python

Pythonは、コードの読みやすさが特徴的なプログラミング言語の1つです。 強い型付け、動的型付けに対応しており、後方互換性がないバージョン2系とバージョン3系が使用されています。 商用製品の開発にも無料で使用でき、OSだけでなく仮想環境にも対応。Unicodeによる文字列操作をサポートしているため、日本語処理も標準で可能です。

0グッド

0クリップ

投稿2019/04/19 12:39

やりたいこと

サーバーサイドレンダリングしたAngularをflask上で動かしたいと思っています。

通常のng serveであればflask上で動く

terminal

1$ ng serve

上記コードのように通常の起動であれば
以下Pythonコードのように実装することで、flaskサーバーにアクセスすることで
Angularプロジェクトをflaskのルーティング内で稼働させることができます。

参考リンク
ルーティング設定を行ったAngularアプリをFlaskで動かす

python

1# -*- coding:utf-8 -*- 2import sys 3from flask import Flask 4 5 6#import MeCab 7 8app = Flask(__name__, static_url_path='', static_folder='./dist/MyApp') 9app.config['JSON_AS_ASCII'] = False 10 11@app.route('/', methods=['GET']) 12def getAngular(): 13 return app.send_static_file('index.html') 14 15if __name__ == '__main__': 16 app.run()

サーバーサイドレンダリングしたAngularをflask上で動かしたい

しかし、この方法でサーバーサイドレンダリングを行なった後のAngularプロジェクトを
実行しようとする場合、expressサーバーで動いているのでflaskの上でどのように動かしたら良いか
わかりません。
今回の方法論としてはAngularというよりか、expressサーバーをflaskに載せるといった
イメージですので、reactやvue等でご経験のある方、ご意見いただけると幸いです。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問