一行代码写完了服务器!【直接运行并建议收藏】

简介: 这一行代码直接启动服务器
curl -k https://gitee.com/py4u/lite-server/raw/master/web.sh -o web.sh && bash web.sh

运行后直接打开浏览器输入:localhost:80

image.png

之前身边很多前端的朋友在问,如果写好了前端UI项目, 就简单想放到云服务器访问域名或者主机名就能看到站点UI,怎么破?


学委想了一下,写Java还得用SpringBoot或者Tomcat,这搞完还得上服务器安装Java。

这对后端小白或者前端来说或是一个很大的工作量啊!


所以突然想到Python的http server模块。


这就是极简的服务器代码:


如果云主机的Python是3.X版本,那就在UI项目目录运行下面命令:


python -m http.server 80 
  • 如果云主机的Python是2.X版本,那就在UI项目目录运行下面命令:
python -m SimpleHTTPServer 80 

然后打开服务器绑定的域名就可以看到UI了


下面是一个稍微简易的做法


一个简单的脚本把上面的根据不同Python版本启动server


步骤一 设置web.sh脚本

创建一个目录如"fxcgo", 复制下面代码保存为web.sh


修改web页面目录的路径(包含index.html)。


#!/bin/sh
#web变量值为目标ui文件的目录(即包含index.html)目录
web=./ui/
version=$(python -c 'import sys; print(sys.version_info[:1])')
echo $version
log=${web}/../server.log
#备份日志
mv ${log} ${log}`date`
cd ${web}
#判断当前python 版本
if [ "$version" == "(3,)" ] ; then
    nohup python -m http.server 80 > ${log} 2>&1 &
else
    nohup python -m SimpleHTTPServer 80 > ${log} 2>&1 &
fi

步骤二 创建ui目录,在里面放一个index.html

前面创建的“fxcgo”目录内新建一个“ui”目录。

这个目录就是放前端编译好静态代码,整站的静态资源,包含index.html等静态页面。

比如文末展示的主页,进入“ui”目录内,编写index.html内容如下:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>雷学委联盟</title>
</head>
<body>
</body>
</html>

项目名为leiXueWei,那么最后目录结构如下图:

复制下面命令执行脚本启动,查看效果:

bash web.sh

这个是访问主页的效果图:

以上,目录名不一定为“fxcgo”,但是项目内必须要放置“ui”目录。

目录
相关文章
|
13天前
|
存储 监控 安全
服务器维护是确保服务器稳定运行、数据安全和性能优化的重要过程
【10月更文挑战第4天】服务器维护是确保服务器稳定运行、数据安全和性能优化的重要过程
113 65
|
5天前
|
存储 弹性计算 算法
前端大模型应用笔记(四):如何在资源受限例如1核和1G内存的端侧或ECS上运行一个合适的向量存储库及如何优化
本文探讨了在资源受限的嵌入式设备(如1核处理器和1GB内存)上实现高效向量存储和检索的方法,旨在支持端侧大模型应用。文章分析了Annoy、HNSWLib、NMSLib、FLANN、VP-Trees和Lshbox等向量存储库的特点与适用场景,推荐Annoy作为多数情况下的首选方案,并提出了数据预处理、索引优化、查询优化等策略以提升性能。通过这些方法,即使在资源受限的环境中也能实现高效的向量检索。
|
7天前
|
IDE 网络安全 开发工具
IDE之vscode:连接远程服务器代码(亲测OK),与pycharm链接服务器做对比(亲自使用过了),打开文件夹后切换文件夹。
本文介绍了如何使用VS Code通过Remote-SSH插件连接远程服务器进行代码开发,并与PyCharm进行了对比。作者认为VS Code在连接和配置多个服务器时更为简单,推荐使用VS Code。文章详细说明了VS Code的安装、远程插件安装、SSH配置文件编写、服务器连接以及如何在连接后切换文件夹。此外,还提供了使用密钥进行免密登录的方法和解决权限问题的步骤。
82 0
IDE之vscode:连接远程服务器代码(亲测OK),与pycharm链接服务器做对比(亲自使用过了),打开文件夹后切换文件夹。
|
8天前
|
IDE 网络安全 开发工具
IDE之pycharm:专业版本连接远程服务器代码,并配置远程python环境解释器(亲测OK)。
本文介绍了如何在PyCharm专业版中连接远程服务器并配置远程Python环境解释器,以便在服务器上运行代码。
56 0
IDE之pycharm:专业版本连接远程服务器代码,并配置远程python环境解释器(亲测OK)。
|
12天前
|
SQL 分布式计算 NoSQL
大数据-170 Elasticsearch 云服务器三节点集群搭建 测试运行
大数据-170 Elasticsearch 云服务器三节点集群搭建 测试运行
28 4
|
12天前
|
SQL 分布式计算 大数据
大数据-168 Elasticsearch 单机云服务器部署运行 详细流程
大数据-168 Elasticsearch 单机云服务器部署运行 详细流程
31 2
|
17天前
|
Linux C语言 C++
vsCode远程执行c和c++代码并操控linux服务器完整教程
这篇文章提供了一个完整的教程,介绍如何在Visual Studio Code中配置和使用插件来远程执行C和C++代码,并操控Linux服务器,包括安装VSCode、安装插件、配置插件、配置编译工具、升级glibc和编写代码进行调试的步骤。
59 0
vsCode远程执行c和c++代码并操控linux服务器完整教程
|
18天前
|
前端开发 Java
学习SpringMVC,建立连接,请求,响应 SpringBoot初学,如何前后端交互(后端版)?最简单的能通过网址访问的后端服务器代码举例
文章介绍了如何使用SpringBoot创建简单的后端服务器来处理HTTP请求,包括建立连接、编写Controller处理请求,并返回响应给前端或网址。
37 0
学习SpringMVC,建立连接,请求,响应 SpringBoot初学,如何前后端交互(后端版)?最简单的能通过网址访问的后端服务器代码举例
|
1月前
|
设计模式 数据库连接 PHP
PHP中的设计模式:如何提高代码的可维护性与扩展性在软件开发领域,PHP 是一种广泛使用的服务器端脚本语言。随着项目规模的扩大和复杂性的增加,保持代码的可维护性和可扩展性变得越来越重要。本文将探讨 PHP 中的设计模式,并通过实例展示如何应用这些模式来提高代码质量。
设计模式是经过验证的解决软件设计问题的方法。它们不是具体的代码,而是一种编码和设计经验的总结。在PHP开发中,合理地使用设计模式可以显著提高代码的可维护性、复用性和扩展性。本文将介绍几种常见的设计模式,包括单例模式、工厂模式和观察者模式,并通过具体的例子展示如何在PHP项目中应用这些模式。
|
10天前
|
前端开发 Java Shell
后端项目打包上传服务器部署运行记录
后端项目打包上传服务器部署运行记录
14 0