尝试创建网页以远程引爆模型火箭

时间:2019-06-13 19:33:20

标签: html raspberry-pi gpio

我们正在研究一个Raspberry Pi项目,该项目用于远程发射模型火箭。雷管是一个网站,上面显示着一个大的读取“启动”按钮,该按钮会提示树莓派运行Python脚本,该脚本控制连接到中继板上的GPIO引脚。我遇到的问题是输入HTML代码时,页面变成空白。

有人可以让我知道我在做什么错吗?

我已下载Apache托管该网站-已将html文件放置在/ var / www / html文件夹中,并且还尝试覆盖该文件夹中已经存在的index.html文件中的代码。另外,我将html文件放在了存放Python脚本的“火箭”文件夹中。这些选项都不起作用。

<!DOCTYPE html>
<html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      <title>Launch Rocket</title>
      <script type="text/javascript" src="/webiopi.js"></script>
      <script type="text/javascript">
         webiopi().ready(function() {                     
                 var button = webiopi().createGPIOButton(17, "Launch");                                 
                 $("#controls").append(button);                                 
                 webiopi().refreshGPIO(true);
         });
      </script>
      <style type="text/css">
         button {
         display: block;
         margin: 5px 5px 5px 5px;
         width: 1280px;
         height: 720px;
         font-size: 100pt;
         font-weight: bold;
         color: white;
         }
         #gpio17.LOW {
         background-color: Red;
         }
         #gpio17.HIGH {
         background-color: Black;
         }
      </style>
   </head>
   <body>
      <div id="controls" align="center"></div>
   </body>
</html>

所有尝试都导致空白页。

1 个答案:

答案 0 :(得分:0)

基于@weegee提供的教程,我意识到我的问题是我缺少一些配置设置。

教程:https://webiopi.trouch.com/Tutorial_Basis.html#testing

我在/ etc / webiopi / config中丢失了通往HTML文件的路径,结果Pi未能按照应有的方式进行响应。