The Ultimate Polyglot Experiment: Mixing PHP, Python, and JavaScript in One App

by
PinLinkedInPrint

Ever wondered what happens when you combine three of the most popular programming languages into a single execution flow?

In this tutorial, we’re going to build a fun, quirky “polyglot” project. We will use PHP as our server-side entry point, which will execute a Python script behind the scenes to generate an HTML page, which then runs client-side JavaScript in the browser.

While you might not design a massive enterprise system this way, understanding how these environments pass data to one another is a fantastic exercise in full-stack fundamentals. Let’s look at how to orchestrate this setup.

How It Works: The Pipeline

Before diving into the code, it helps to understand the journey our data takes:

  1. PHP receives the initial request from the web browser.
  2. PHP runs a shell command to execute a local Python script.
  3. Python performs some math operations, wraps them inside a raw HTML/JS string, and prints it out to the system console.
  4. PHP captures that console output and flushes it straight to the browser.
  5. The browser renders the HTML and executes the inline JavaScript.

The Code Setup

Assuming you have PHP and Python3 installed on your local development environment (like LAMP, WSL, or Docker), create a new directory and add the following two files inside it:

1. index.php

This is our gateway file. It uses PHP’s shell execution capabilities to call Python safely.

<?php
    echo "PHP says: Hello World!<br><br>";

    // Escape the shell command to prevent command injection vulnerabilities
    $command = escapeshellcmd('python3 eggs.py');
    
    // Execute the script and capture everything printed to the console
    $output = shell_exec($command);
    
    // Output the Python-generated code directly onto the page
    echo $output;
?>

2. eggs.py

This script lives on your server right next to index.php. It handles calculations using Python’s native math library and structures the frontend presentation.

import math

# Define our HTML template with an inline JavaScript snippet
strHtml = """
<html>
   <head>
      <title>
         Python and PHP Integration Tutorial
      </title>
   </head>
   <body>
      <h1>Full-Stack Integration Successful</h1>
      <br>
      <p>This markup was constructed entirely inside Python and rendered by PHP!</p>
      
      <div id='mydiv' style="border: 2px solid red; border-radius: 5px; padding: 10px; width: fit-content;" />
      
      <script>
         // JavaScript handles UI calculation right inside the browser
         document.getElementById('mydiv').innerHTML = "JavaScript Math Output: " + (3 * 4);
      </script>
   </body>
</html>
"""

# Print out the HTML template followed by a visual separator
print(strHtml, '<br><strong>Python Math Output:</strong> ')
# Print the value of Pi calculated by Python
print(math.pi)

Technical Breakdown: Key Concepts

Secure Shell Execution (escapeshellcmd)

In PHP, running shell_exec() blindly can be dangerous if user input is involved. By using escapeshellcmd(), PHP ensures that any characters that could be used to trick the system into running unauthorized shell commands are properly escaped.

Standard Output Capture

When PHP runs shell_exec('python3 eggs.py'), it effectively acts as a terminal wrapper. Anything the Python script pushes to the screen via print() statements is collected by PHP as a giant string and assigned to the $output variable.

Client vs. Server Execution Timeline

It’s vital to notice when everything runs:

  • PHP and Python execute entirely on your server. By the time the user’s web browser receives the response, the Python script has already done its job and closed.
  • JavaScript doesn’t care about PHP or Python; it wakes up only after the raw text arrives at the browser, parsed as valid DOM elements.

Expected Output

If you are not running any server, you may execute the built-in PHP server by executing following in the working directory:

php -S localhost:8000

Now head to localhost:8000/index.php, your browser will display:

PHP says: Hello World!

Full-Stack Integration Successful

This markup was constructed entirely inside Python and rendered by PHP!

[ JavaScript Math Output: 12 ] (Styled with a red border)

Python Math Output: 3.141592653589793

Wrapping Up

Projects like this show off the flexible nature of web development. While modern frameworks often separate these layers using REST APIs, passing execution control across languages via the server console remains a powerful tool in any programmer’s back pocket.

Have you tried linking different backend engines together before? Let me know what stack you used in the comments below!

PinLinkedInPrint

Leave a Comment