Pythonで取得した情報をJavaScriptに渡す方法

Question

サーバーサイドとフロントエンドの連動方法を勉強中です

PythonのBeautifulsoupでスクレイピングした情報をフロントのJavascript(Vue.js)に渡して表示させたいと考えています。

そこでデータの受け渡す方法を考えています。

①PythonでJSONファイルを作り渡す
②DBを作りそこで受け渡しする
③APIを作り受け渡す

VueRouterでできるらしいことも見ましたが可能なのでしょうか..

実際に作業する場合はどのやり方がいいのでしょうか？
また他の受け渡す方法などあればぜひ教えていただきたいです。

Answer 1

一番簡単な作法ではないかもしれませんが、
Django、もしくはflaskでwebサーバー立てて、スクレイピングした情報をapi形式でjavascriptに渡すといいと思います
簡単な実例:
pip install flask

from flask import Flask
app = Flask(__name__)


@app.route('/')
def hello_world():
    with open("jsonファイルのパス", "r") as f:
        data = f.read()
    return data


if __name__ == "__main__":
    app.run()

python 実例pythonファイル名 でサーバー立ち上げて、jsonデータを確認できます

javascript側はajax 飛ばして、データ取得できると思います

Answer 2

Step 1 バックエンドの実装

Flask, API 等で検索して
ウェブサーバから 「JSON を 配信 する方法」を確認してください。

Step 2 フロントエンドの実装

axios 等で検索して
ブックエンドで配信されている 「JSON を 取得 する方法」を確認してください。

◯ ちなみに...

Django or Flask

この用途では Django は大きすぎるので Flask が良いと思います。

axios or fetchapi

axios と fetchapi がありますが axios の方が良さそうです。

• https://blog.logrocket.com/axios-or-fetch-api/

VueRouter

ちなみに VueRouter は、あまりここでは関係ないです。

Answer 3

JavaScriptからAjaxでPython呼び出せば良いと思います。