手机端做服务器部署nginx搭建前端网站

前言

之前有点想法,想写个网站部署到互联网上,但平底高楼难起,项目写的也一般,搁不住我买服务器...但家里不用的手机挺多的,就想着能不能用手机做服务器,就搜索相关步骤,亲测ok


一、安装termux

因为我手机是安卓的嘿嘿,首先在手机上安装termux,官网https://termux.com/

或者下载安装包https://f-droid.org/en/packages/com.termux/

https://f-droid.org/repo/com.termux_117.apk
在这里插入图片描述

二、运行termux

在这里插入图片描述

1.安装nginx

pkg install nginx 

如果有选项选(y/n),选y继续安装

2.启动nginx

默认是启动的如果关闭的话输入命令nginx启动

nginx 

打开网页,http://127.0.0.1:8080看到一下页面,表示搭建成功
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/bfdaa8a0f7cd41268d04e3a76ec55b5c.jpeg在这里插入图片描述

查看ip

ifconfig

在这里插入图片描述

在同一网段中输入ip+端口号访问,如果有公网IP就可以然外网访问,或者做内网穿透。还有就是可以用手机SIM卡做ipv6访问。

查看nginx路径

pkg files nginx

在这里插入图片描述

cd 到html文件夹

cd /data/data/com.termux/files/usr/share/nginx/html
安装wget或者git 下载代码

下载git

1.我用的git,首先安装git(如果还没有安装)
pkg install git
2.使用git clone命令来克隆仓库

git clone [仓库地址]

ps:我把dist包上传到git,这个克隆的是我项目的dist包

3.安装一个简单的Web服务器,比如http-server,它是一个Node.js的包,可以在Termux中安装
npm install -g http-server
4.启动Web服务器并将项目目录设置为Web根目录,比如在nginx中,可以使用以下命令启动服务器并设置根目录
nginx -c $PREFIX/etc/nginx/nginx.conf
5.进入克隆的项目的dist目录
cd 项目目录/dist
5.启动http-server
http-server

这将启动一个简单的Web服务器,并显示类似以下的输出:

Starting up http-server, serving ./
Available on:
  http://127.0.0.1:8080
  http://192.168.0.101:8080
Hit CTRL-C to stop the server

在这里插入图片描述


在这里插入图片描述


参考地址:

https://www.bilibili.com/read/cv13930032/

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
您好!要在Docker中部署Nginx前端项目,您可以按照以下步骤进行操作: 1. 首先,确保您已经安装了Docker。如果没有安装,请根据您的操作系统进行安装。 2. 创建一个新的文件夹,用于存放您的前端项目文件。假设您将其命名为"my-frontend"。 3. 在"my-frontend"文件夹中创建一个名为"Dockerfile"的文件,并将以下内容添加到文件中: ``` # 使用Nginx作为基础镜像 FROM nginx # 将前端项目文件复制到Nginx的默认网站目录 COPY . /usr/share/nginx/html # 可选:如果您的前端项目需要使用特定的Nginx配置文件,可以将配置文件复制到/etc/nginx/conf.d/目录下 # 暴露Nginx默认的80端口 EXPOSE 80 # 启动Nginx CMD ["nginx", "-g", "daemon off;"] ``` 4. 将您的前端项目文件复制到"my-frontend"文件夹中。 5. 打开命令行终端,并导航到"my-frontend"文件夹。 6. 构建Docker镜像。在命令行中运行以下命令: ``` docker build -t my-frontend-image . ``` 这将根据"Dockerfile"中的配置构建一个名为"my-frontend-image"的Docker镜像。请确保在命令末尾的"."表示当前目录。 7. 运行Docker容器。在命令行中运行以下命令: ``` docker run -d -p 80:80 my-frontend-image ``` 这将在后台运行一个名为"my-frontend-container"的Docker容器,并将宿主机的80端口映射到容器的80端口。 现在,您的前端项目已经通过Nginx成功部署在Docker中了。您可以通过访问http://localhost 来查看您的项目。 请注意,上述步骤假设您的前端项目不需要任何特殊的Nginx配置。如果您的项目需要自定义Nginx配置,请将配置文件复制到"Dockerfile"中指定的目录,并相应地修改配置文件的名称和路径。 希望这能对您有所帮助!如果您有任何其他问题,请随时提问。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值