javascript(jquery)から外部コマンドを実行して返り値を貰いたい

Question

現在、PHP + javascriptを利用したオンライン画像ビューアを作成しています。

実現したいこと

javascript(jquery)

1. 対象ディレクトリ(media/images/)に存在する全てのファイル名を配列として取得する
2. 取得した上記をforeachでループする。ループ中にjqueryの$.ajaxを用いて非同期に画像を取得する
3. 2. で取得したバイナリもしくは画像オブジェクト？を<img />タグで表示できるように加工する

詰まっている部分

1. のファイルパス取得から既に詰まっています...

勢いで始めたので、php, javascriptは全然分かりません。
Pythonならファイル一覧なんてos.listdir("PATH")で一瞬なのです。
もういっその事、外部コマンドを使ってpythonを実行して返り値を貰いたいのですが、どうかやり方を教えていただけませんでしょうか？

# main.js

$(function() {
    // ここで外部コマンドを実行、返り値をリスト(配列)で貰いたい
    // var exec_command = exec("./py/listdir.py"); ...みたいな感じです。
   
    // ↑の返り値を回して、ajaxで画像を取得...
    // exec_command.forEach(function(val){
         // $.ajax({....});
    // });
});

# listdir.py

import os
os.listdir("media/images")

環境

• Ubuntu(nginx)
• サーバサイド言語: php7 + twig
• クライアントサイド言語: javascript + jquery
• グルー言語: python3.6

Comments

[euledge]

対象としているフォルダーは、サーバーにあるフォルダーでしょうか?そうであればブラウザーのjavascriptでは取得できないので、サーバー側のphpでやるしかないと思います。

[kiwibird]

ご回答有り難うございます！はい、サーバー上のフォルダーになります。そういえばjsだとどっちにしてもサーバーのディレクトリにはアクセス出来ないのですかね...phpから外部コマンド叩いたほうが早そうですね。

[euledge]

はい、ブラウザーのjavascriptでそれが出来たとすると、アマゾンや楽天等のサービス提供しているサーバーのフォルダー見えてしまうことになります。恐いでしょ？w

[kiwibird]

凄く納得しました...ｗ自分でクライアントサイド言語って書いているのによく分かっていなかったです。ありがとうございます！

Answer 1

こんな感じが無難かと思います
javascript（サーバーサイドにリクエスト）
↓
php（pythonコマンド実行）
↓
python（実行）
↓
php（実行結果うけとる）
↓
javascript（レスポンスを受け取る）

Comments

[euledge]

質問者がphpよりpythonに慣れているなら、サーバー側もDjangoのようなものはpythonのフレームワーク使えば良いし、phpでサーバー実装するならフォルダー取得もphpでやれば良いと思います。そこをphp->pythonの呼び出しする必要はないと思います。

[kiwibird]

おかげさまでphpの方でexec()的なやつ実行したら出来ました～！
何だかwebは色々難しいですね

[kiwibird]

php難しくて...
あと、djangoでやろうとしたのですが、レンタルサーバーなのでphpしか動かないのです。
できれば全部Pythonで書きたいなぁと思っていましたｗ

[sagami1991]

>euledgeさん
たしかに

[euledge]

> kiwibirdさん

すでに解決されているようですが、phpでもフォルダー取得できますよ。

http://php.net/manual/ja/function.scandir.php

[kiwibird]

お二方、ありがとうごさいます！

> euledgeさん
補足ありがとうございます！

[m.ts10806]

既に解決されてますが、「PHPが難しい」だけだと何がどう問題（難しい）なのか分からないのでその辺りを明確にすると良いかもしれません。
これを機にPHPを覚えておいても損はないのではと思います。
PHP動かせる環境があるのでしたらどんどん組んで動かしてみるべきですし、XAMPPやMAMPを使えばローカルPCに環境を作るのも容易です。

[kiwibird]

> mts10806さん
アドバイスありがとうございます！とりあえず画像の非同期通信は出来ました！読み込み中でも余りもたつかない！感動です

元々vimの練習がてら何かを作ろうとWebアプリ制作に踏み出した次第です。ちょうどレンタルサーバー契約していたのでphp使えるな～...と。

せっかくweb言語の世界に飛び込んだので、もうちょっと頑張ってみます。
皆様、ご親切にありがとうございました～！