How can I run a Python script in HTML?

Question

Currently I have some Python files which connect to an SQLite database for user inputs and then perform some calculations which set the output of the program. I'm new to Python web programming and I want to know: What is the best method to use Python on the web?

Example: I want to run my Python files when the user clicks a button on the web page. Is it possible?

I started with Django. But it needs some time for the learning. And I also saw something called CGI scripts. Which option should I use?

Please check this link:-http://stackoverflow.com/questions/7460938/how-to-run-python-script-in-webpage — Razia sultana, Nov 28 '16 at 13:07
The suggested duplicate is *[How to run a Python script in a web page](https://stackoverflow.com/questions/7460938/)*. — Peter Mortensen, May 29 '22 at 16:58

score 16 · Answer 1 · edited May 29 '22 at 16:34

16

You are able to run a Python file using HTML using PHP.

Add a PHP file as index.php:

<html>
<head>
<title>Run my Python files</title>
<?PHP
echo shell_exec("python test.py 'parameter1'");
?>
</head>

Passing the parameter to Python

Create a Python file as test.py:

import sys
input=sys.argv[1]
print(input)

Print the parameter passed by PHP.

edited May 29 '22 at 16:34

Peter Mortensen

30,738
21
105
131

answered May 26 '19 at 16:41

Integraty_dev

500
3
18

Neat! To support spaces in your argument, try doing this instead: `echo shell_exec("python test.py \"Parameter 1\"");` – Professor Dragon Apr 30 '20 at 02:22
1

There is a whole lot of context missing here (for example, prerequisites). On some Linux server somewhere? Where? Running locally? On a Linux computer? With both the PHP and Python interpreters installed? Where and with what versions was this tested? Please respond by [edit]ing (changing) your answer, not here in comments (***without*** "Edit:", "Update:", or similar - the answer should appear as if it was written today). – Peter Mortensen May 29 '22 at 16:34

score 7 · Accepted Answer · edited May 29 '22 at 16:27

7

It probably would depend on what you want to do. I personally use CGI and it might be simpler if your inputs from the web page are simple, and it takes less time to learn. Here are some resources for it:

However, you may still have to do some configuring to allow it to run the program instead of displaying it.

Here's a tutorial on that: Apache Tutorial: Dynamic Content with CGI

edited May 29 '22 at 16:27

Peter Mortensen

30,738
21
105
131

answered Nov 28 '16 at 13:04

abacles

849
1
7
15

1

Thanks a lot for your reply. I went through the example and it's something similar which i'm looking for. But is there a directory structure I need to follow to keep my files? How can I run files? Please clarify. – Ann Nov 29 '16 at 09:54
I kept all my CGI programs in a directory (`cgi-bin`) and configured that directory so that the programs are executed. I'll edit to add a link to the tutorial. – abacles Nov 29 '16 at 12:24
Thanks a lot. I started running programs in cgi. – Ann Dec 02 '16 at 14:17
No problem! Good luck! – abacles Dec 03 '16 at 03:01
@abacles This implies running a server, right? – Andrew Anderson Oct 11 '21 at 10:37
1

@AndrewAnderson yeah, I think so – abacles Oct 12 '21 at 12:54
Isn't CGI completely outdated? – Peter Mortensen May 29 '22 at 16:29
@PeterMortensen You're right, something like Flask may be a better approach today. – abacles May 31 '22 at 00:00

Aray Karjauv · Answer 3 · 2023-02-27T09:45:18.237

Thanks to WebAssembly and the Pyodide project, it is now possible to run Python in the browser. Check out this tutorial on it.

Update: Pyodide v0.21.0

(async () => { // create anonymous async function to enable await

  var output = document.getElementById("output")
  var code = document.getElementById("code")
  
  output.value = 'Initializing...\n'

  window.pyodide = await loadPyodide({stdout: addToOutput, stderr: addToOutput}) // redirect stdout and stderr to addToOutput
        output.value += 'Ready!\n' 
})()


function addToOutput(s) {
  output.value += `${s}\n`
  output.scrollTop = output.scrollHeight
}

async function evaluatePython() {
  addToOutput(`>>>${code.value}`)

  await pyodide.loadPackagesFromImports(code.value, addToOutput, addToOutput)
  try {
    let result = await pyodide.runPythonAsync(code.value)
    addToOutput(`${result}`)
  }
  catch (e) {
    addToOutput(`${e}`)
  }
  code.value = ''
}

<script src="https://cdn.jsdelivr.net/pyodide/v0.21.3/full/pyodide.js"></script>

Output:
<textarea id="output" style="width: 100%;" rows="10" disabled=""></textarea>
<textarea id="code" rows="3">import numpy as np
np.ones((10,))
</textarea>
<button id="run" onclick="evaluatePython()">Run</button>

Old answer (related to Pyodide v0.15.0)

const output = document.getElementById("output")
const code = document.getElementById("code")

function addToOutput(s) {
    output.value += `>>>${code.value}\n${s}\n`
    output.scrollTop = output.scrollHeight
    code.value = ''
}

output.value = 'Initializing...\n'
// Init pyodide
languagePluginLoader.then(() => { output.value += 'Ready!\n' })

function evaluatePython() {
    pyodide.runPythonAsync(code.value)
        .then(output => addToOutput(output))
        .catch((err) => { addToOutput(err) })
}

<!DOCTYPE html>

<head>
    <script type="text/javascript">
        // Default Pyodide files URL ('packages.json', 'pyodide.asm.data', etc.)
        window.languagePluginUrl = 'https://cdn.jsdelivr.net/pyodide//v0.15.0/full/';
    </script>
    <script src="https://cdn.jsdelivr.net/pyodide//v0.15.0/full/pyodide.js"></script>
</head>

<body>
    Output:
    </div>
    <textarea id='output' style='width: 100%;' rows='10' disabled></textarea>
    <textarea id='code' rows='3'>
import numpy as np
np.ones((10,))
    </textarea>
    <button id='run' onclick='evaluatePython()'>Run</button>
    <p>You can execute any Python code. Just enter something
       in the box above and click the button.
       <strong>It can take some time</strong>.</p>
</body>

</html>

test snippet is no longer working – Jeff Clayton Feb 24 '23 at 13:15 — Jeff Clayton, Feb 24 '23 at 13:15
Great! Nice work with an interesting toolkit. – Jeff Clayton Feb 27 '23 at 21:22 — Jeff Clayton, Feb 27 '23 at 21:22

score 3 · Answer 4 · edited May 29 '22 at 16:31

3

If your web server is Apache you can use the mod_python module in order to run your Python CGI scripts.

For nginx, you can use mod_wsgi.

edited May 29 '22 at 16:31

Peter Mortensen

30,738
21
105
131

answered Nov 28 '16 at 13:05

Danny Cullen

1,782
5
30
47

2

The mod_python project is long dead and shouldn't be used for anything new. The option for Apache, not nginx as you have it, is mod_wsgi, but the Google Code site is old site which is no longer used, use http://www.modwsgi.org instead. – Graham Dumpleton Nov 29 '16 at 11:59

score 1 · Answer 5 · edited May 29 '22 at 16:52

There is a way to do it with Flask!

Installation

First you have to type pip install flask.

Setup

You said when a user clicks on a link you want it to execute a Python script

from flask import *
# Importing all the methods, classes, functions from Flask

app = Flask(__name__)

# This is the first page that comes when you
# type localhost:5000... it will have a tag
# that redirects to a page
@app.route("/")
def  HomePage():
    return "<a href='/runscript'>EXECUTE SCRIPT </a>"

# Once it redirects here (to localhost:5000/runscript),
# it will run the code before the return statement
@app.route("/runscript")
def ScriptPage():
    # Type what you want to do when the user clicks on the link.
    #
    # Once it is done with doing that code... it will
    # redirect back to the homepage
    return redirect(url_for("HomePage"))

# Running it only if we are running it directly
# from the file... not by importing
if __name__ == "__main__":
    app.run(debug=True)

score 1 · Answer 6 · edited May 29 '22 at 16:54

1

There's a new tool, PyScript, which might be helpful for that.

Official website

GitHub repository

edited May 29 '22 at 16:54

Peter Mortensen

30,738
21
105
131

answered May 09 '22 at 14:43

Aidas

114
4

1

The examples in that GitHub repository are actively available to try online at https://pyscript.net/examples/ . – Wayne May 09 '22 at 15:07
1

While this link may answer the question, it is better to include the essential parts of the answer here and provide the link for reference. Link-only answers can become invalid if the linked page changes. - [From Review](/review/late-answers/31730773) – Emi OB May 12 '22 at 15:13
This project is also based on [Pyodide](https://github.com/pyodide/pyodide) – Aray Karjauv May 29 '22 at 19:14

score 0 · Answer 7 · edited May 29 '22 at 16:24

0

You can't run Python code directly

You may use Python Inside HTML.

Or for inside PHP this:

http://www.skulpt.org/

edited May 29 '22 at 16:24

Peter Mortensen

30,738
21
105
131

answered Nov 28 '16 at 13:02

Hemel

431
3
15

The second link is broken (DNS domain expiry?): *"Hmm. We’re having trouble finding that site.. We can’t connect to the server at www.skulpt.org."* – Peter Mortensen May 29 '22 at 16:26

score 0 · Answer 8 · edited May 29 '22 at 16:43

0

You should try the Flask or Django frameworks. They are used to integrate Python and HTML.

edited May 29 '22 at 16:43

Peter Mortensen

30,738
21
105
131

answered Feb 26 '21 at 04:57

Anandakrishnan

349
5
10

Flora Agaeva · Answer 9 · 2022-12-30T16:15:46.833

0

You should use Py Code because it could run Any python script In html Like this:

<py-script>print("Python in Html!")<py-script>

Im not sure if it could run modules like Ursina engine ect But what i know is That It allows you to type Python in Html. You can check out its offical Site for more info.

edited Dec 30 '22 at 16:15

answered Dec 30 '22 at 16:14

Flora Agaeva

1
1

You are probably referring to PyScript. But that answer has already been given. – chrslg Dec 30 '22 at 16:45

How can I run a Python script in HTML?

9 Answers9

Passing the parameter to Python

Installation

Setup

Linked

Related