如何将旧的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,可以更灵活和方便得显示文件。

相关推荐
CL_IN2 分钟前
金蝶云星空与华为云AX无缝数据集成技术详解
服务器·前端·华为云
不会玩技术的技术girl5 分钟前
使用HTML获取商品详情:技术实现与最佳实践
前端·javascript·html
m0_7482331711 分钟前
前端好用的网站分享——CSS(持续更新中)
前端·css
问道飞鱼12 分钟前
【前端知识】微前端框架qiankun
前端·前端框架·qiankun
冷环渊14 分钟前
React基础学习
前端·学习·react.js
carcarrot18 分钟前
一些前端组件介绍
前端·javascript
uhakadotcom25 分钟前
Bun相比npm包管理工具有啥优点?
前端·架构·github
疯狂的沙粒29 分钟前
JavaScript 单例模式的创建与应用
开发语言·前端·javascript·vue.js
neeef_se1 小时前
前端速通(CSS)
前端·css
陈大爷(有低保)1 小时前
LayUI结合SSM框架
前端·javascript·layui