树莓派Django服务器中从JavaScript调用Python文件并传参

浏览器端的JavaScript无法直接访问服务器本地的Python文件，必须通过Django后端作为中间层完成调用和传值，具体步骤如下：

1. 编写外部Python脚本 #

假设你的外部Python文件名为external_script.py，需要接收参数并返回处理结果，示例代码：

# external_script.py
import sys

def process_data(input_value):
    # 这里编写你的业务逻辑，比如对传入值进行计算、控制硬件等
    return f"处理完成：{input_value}（来自树莓派）"

if __name__ == "__main__":
    # 从命令行接收传递的参数
    input_arg = sys.argv[1]
    result = process_data(input_arg)
    print(result)

2. 在Django中创建视图函数 #

在你的Django app的views.py里添加视图，用于接收AJAX请求、调用外部脚本并返回结果：

# views.py
from django.http import JsonResponse
import subprocess
import json

def call_external_script(request):
    if request.method == 'POST':
        # 解析JS传递的JSON数据
        data = json.loads(request.body)
        input_value = data.get('input_val', '')
        
        # 调用外部Python脚本，注意填写脚本的绝对路径
        try:
            result = subprocess.check_output(
                ['python3', '/home/pi/your_project/external_script.py', input_value],
                stderr=subprocess.STDOUT,
                text=True
            ).strip()
            return JsonResponse({'status': 'success', 'result': result})
        except subprocess.CalledProcessError as e:
            return JsonResponse({'status': 'error', 'message': f'脚本执行失败：{e.output}'})
    return JsonResponse({'status': 'error', 'message': '仅支持POST请求'})

3. 配置URL路由 #

在app的urls.py中添加对应路由：

# urls.py
from django.urls import path
from . import views

urlpatterns = [
    # 其他路由...
    path('call-script/', views.call_external_script, name='call_script'),
]

4. 在JavaScript中发送AJAX请求 #

在前端JS文件（或模板的script标签）中，通过fetch发送请求传递参数并接收结果：

// 发送数据到后端并获取脚本执行结果
function sendToPython(inputVal) {
    fetch('/call-script/', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
            // 携带Django的CSRF令牌，避免跨域请求被拦截
            'X-CSRFToken': getCsrfToken()
        },
        body: JSON.stringify({input_val: inputVal})
    })
    .then(response => response.json())
    .then(data => {
        if (data.status === 'success') {
            console.log('执行结果:', data.result);
            // 这里可以根据结果更新页面内容，比如显示在DOM元素中
        } else {
            console.error('请求出错:', data.message);
        }
    })
    .catch(error => console.error('网络异常:', error));
}

// 辅助函数：获取页面中的CSRF令牌
function getCsrfToken() {
    let token = null;
    const cookies = document.cookie.split(';');
    for (let cookie of cookies) {
        const [name, value] = cookie.trim().split('=');
        if (name === 'csrftoken') {
            token = decodeURIComponent(value);
            break;
        }
    }
    return token;
}

关键注意事项 #

• 路径问题：调用外部脚本必须使用绝对路径，避免因Django运行的工作目录不同导致找不到文件。
• 权限问题：确保Django运行用户（通常是www-data或你的个人用户）有脚本的执行权限，可通过chmod +x /path/to/external_script.py赋予权限。
• 安全校验：对JS传递的参数做合法性校验，避免恶意输入导致脚本执行异常或安全风险。
• 错误处理：在视图中加入异常捕获，处理脚本执行失败的情况，返回清晰的错误信息。

内容的提问来源于stack exchange，提问作者RiesenTukan