如何将旧的Android手机改造为家用服务器(二)

接前一篇文章。前一篇文章实现了基本的手机服务器搭建、用户管理、基础网页显示等功能。这篇文章主要介绍html网页和php网页,并且借助php网页实现手机服务器资源在网页动态展现的技术。

一、html网页

1)准备文件

准备要显示的文件,比如一个 HTML 文件、图片或其他媒体文件,这里将要添加的文件命名为 example.html 。包含文本、图片、视频并提供下载的html网页实例代码如下:

example.html

html 复制代码
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>示例页面</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 20px;
        }
        h1 {
            color: #333;
        }
        img {
            max-width: 30%;
            height: auto;
        }
        video {
            max-width: 80%;
        }
    </style>
</head>
<body>

    <h1>欢迎来到示例页面</h1>

    <p>这是一个包含文本、文件、图片和视频的示例页面。</p>

    <h2>文件下载</h2>
    <p>你可以下载下面的文件:</p>
    <a href="path/to/your/file.txt" download>下载示例文件</a>

    <h2>图片展示</h2>
    <p>以下是一个示例图片:</p>
    <img src="path/to/your/image.jpg" alt="示例图片">

    <h2>视频播放</h2>
    <p>以下是一个示例视频:</p>
    <video controls>
        <source src="path/to/your/video.mp4" type="video/mp4">
        你的浏览器不支持视频标签。
    </video>

</body>
</html>

2)将文件上传到服务器

  1. 找到 Apache 的根目录

    在 Termux 中,Apache 的默认根目录通常是:

    bash 复制代码
    /data/data/com.termux/files/usr/share/apache2/default-site/htdocs/
  2. 使用命令行工具将文件复制到服务器

    可以使用 cp 命令将文件复制到根目录:

    bash 复制代码
    cp /path/to/your/example.html /data/data/com.termux/files/usr/share/apache2/default-site/htdocs/

    替换 /path/to/your/example.html 为实际的文件路径。

  3. 确认文件已上传

    使用 ls 命令确认文件已成功复制:

    bash 复制代码
    ls /data/data/com.termux/files/usr/share/apache2/default-site/htdocs/

3)设置文件权限

确保 Web 服务器能够读取该文件。可以使用 chmod 命令更改文件权限:

bash 复制代码
chmod 644 /data/data/com.termux/files/usr/share/apache2/default-site/htdocs/example.html

4)访问文件

在任意局域网浏览器中输入 URL 来访问文件,格式如下:

webbrowser 复制代码
http://<your_server_ip>/example.html

示例显示效果如下

二、php网页

通过 PHP 动态生成网页内容,假设文件名为 display.php

1)简单继承html网页

  1. 创建 PHP 文件

    bash 复制代码
    nano /data/data/com.termux/files/usr/share/apache2/default-site/htdocs/display.php
  2. 在文件中添加代码

    php 复制代码
    <?php
    $file = 'example.html';
    if (file_exists($file)) {
        include($file);
    } else {
        echo "File not found.";
    }
    ?>
  3. 保存文件并退出

2)访问 PHP 文件

在浏览器中访问:

webbrowser 复制代码
http://<your_server_ip>/display.php

这样将动态显示 example.html 文件的内容,显示结果和emample.html一致。

3)增加服务器下文件夹的自动扫描和显示功能

  1. 使用 mkdir 命令创建一个新的文件夹,例如 my_folder

    bash 复制代码
    mkdir /data/data/com.termux/files/usr/share/apache2/default-site/htdocs/my_folder
  2. 添加文件并上传到文件夹:

    可以使用 cp 命令将文件复制到新创建的文件夹中。例如,假设你有一个 example.txt 文件要上传:

    bash 复制代码
    cp /path/to/your/example.txt /data/data/com.termux/files/usr/share/apache2/default-site/htdocs/my_folder/

    确保替换 /path/to/your/example.txt 为实际的文件路径。

  3. 设置文件夹和文件权限

确保 Apache 能够访问该文件夹及其内的文件:

bash 复制代码
chmod 755 /data/data/com.termux/files/usr/share/apache2/default-site/htdocs/my_folder
chmod 644 /data/data/com.termux/files/usr/share/apache2/default-site/htdocs/my_folder/example.txt
  1. 网页访问文件夹

在浏览器中输入 URL 以访问新创建的文件夹,格式如下:

bash 复制代码
    http://<your_server_ip>/my_folder/

实现效果如下:

  1. 使用php在网页动态显示文件夹内内容 在display.php中添加如下代码:
php 复制代码
<?php
$dir = 'my_folder'; // 要列出的文件夹
$files = scandir($dir); // 获取文件夹中的文件

echo "<h1>文件列表</h1>";
echo "<ul>";
foreach ($files as $file) {
    if ($file !== '.' && $file !== '..') {
        echo "<li><a href='$dir/$file'>$file</a></li>";
    }
}
echo "</ul>";
?>

访问display.php,显示效果如下,文件能够自动扫描并显示:

这样,只需要将内容放到my_folder目录下,即可实现浏览服务器内容的功能。

三、总结

通过html网页可以将文件添加到服务器,并在网页上显示;如果使用 PHP,可以更灵活和方便得显示文件。

相关推荐
黑云压城After4 小时前
H5使用环信实现视频或语音通话
前端·javascript·vue.js
未来之窗软件服务5 小时前
自己写算法(九)网页数字动画函数——东方仙盟化神期
前端·javascript·算法·仙盟创梦ide·东方仙盟·东方仙盟算法
你的人类朋友6 小时前
什么是断言?
前端·后端·安全
FIN66687 小时前
昂瑞微:实现精准突破,攻坚射频“卡脖子”难题
前端·人工智能·安全·前端框架·信息与通信
椎4957 小时前
苍穹外卖前端nginx错误之一解决
运维·前端·nginx
@。1247 小时前
对于灰度发布(金丝雀发布)的了解
开发语言·前端
我有一棵树7 小时前
前端图片加载失败、 img 出现裂图的原因全解析
前端
FIN66687 小时前
昂瑞微冲刺科创板:硬科技与资本市场的双向奔赴
前端·人工智能·科技·前端框架·智能
im_AMBER7 小时前
杂记 14
前端·笔记·学习·web
牧杉-惊蛰7 小时前
disable-devtool 网络安全 禁止打开控制台
前端·css·vue.js