【全文仅适用 Python3 】
 
 
 
需求：
 
 
 
手机每日下载图片，然后需经过本人编写的Python脚本处理一遍，再返回到手机上。
 
个人电脑不能保证时刻开机在线，自己也不可能一直在电脑旁边，故欲将脚本放置云服务器执行。因此，该云服务器应有Web界面，供我上传图片和下载处理后的图片。
 
简单说，手机上传图片，服务器处理，手机下载结果图片。
 
 
 
方案：
 
 
 
基于成本考虑，超过RMB 100元的都不考虑。看来看去，就A里和X讯比较靠谱。于是使用新手特权购买X里云服务器一台，配置较低：1核2G1M40G, CentOS7，但是价格非常之便宜，一年还不到100。这里是优惠链接。
 
 
 
这么低的配置，Java系就不考虑了。刚好图像处理脚本是Python，何不直接用Python搭建HTTP Server。搜索之，果不期然，Python没有让我失望。
 
 
 
1. 使用Python3命令开启Web服务
 
 
 
只用下面一句命令，即可搭建HTTP Server:
 
# 此为Python3脚本，在cmd中运行此命令。（Python2脚本与此不同请自行百度）
# 9900 是端口号，可随意设置
python -m http.server 9900
 
然后你就可以在浏览器中输入：http://localhost:9900 ，就能看到一个空白页面，这就说明HTTP Server已经运行了。
 
如果执行该命令的目录内有文件，你输入 http://localhost:9900，会看到该目录下的所有文件列表，很像一个FTP服务器。
 
对，没错，只需这一句话，你的当前文件夹就变成了FTP服务器根目录，局域网内都可以随意下载文件。简直是，内网搭建FTP服务器（发布文件）之利器！
 
 
 
2. 安装bottle库
 
 
 
很可惜，这一行命令只能下载，没有上传界面。于是，我又是一番搜索，得知，成型的Python Web服务器有
 
Flask：轻量自由；
 
Django：大而全；
 
在我看来都复杂了，我不想因运行一个脚本而搭建个完整的Web服务器。最后，看中了只有一个文件的Python Web服务器 Bottle 。一个文件，这才是小而美。
 
 
 
使用pip3安装bottle：
 
pip3 install bottle
 
既然用到 bottle，就去看了几篇帖子，该作者写的Bottle系列文章都挺好，分享之。
 
 
 
3. 使用bottle实现上传下载页面
 
 
 
参考该作者文章，我删繁就简，简化成了1个Python文件。但是能实现：上传界面，下载界面，调用服务器python脚本三大核心功能，最终实现手机即能下载到图片处理结果。
 
【这个下面这个脚本一定一定 不要起名 bottle.py，否则会遮盖bottle库文件，让python误以为这个脚本就是bottle库文件，导致出现import route报错】
 
#Python3脚本，不适用于Python2
#!/usr/bin/envpython
#coding=utf-8
from bottle import route,run,template,request,static_file
import os
import time

# 此处需改为你的目录地址
img_path='/home/unixq/testHttpServer/img'	#定义上传文件的保存路径

# 此处可扩充为完整HTML
uploadPage='''
	<form action="upload" method="POST" enctype="multipart/form-data">
		<input type="file" name="data" />
    	<input type="submit" value="上传" />
	</form>
'''

@route('/upload')
def upload():
	return uploadPage

@route('/upload',method='POST')
def do_upload():
	uploadfile=request.files.get('data')		#获取上传的文件
	uploadfile.save(img_path,overwrite=True) 	#overwrite参数是指覆盖同名文件
	os.system('python3 imgProcess.py')			# 执行服务器本地Python脚本
	time.sleep(3)								# 等待3秒，待本地脚本执行完毕
	return u"转换成功，请点击<a href='/download/output.jpg'>下载文件</a>"

@route('/download/<filename:path>')
def download(filename):
	return static_file(filename,root=img_path,download=filename)


run(host='0.0.0.0',port=8899,debug=True)
 
上云效果如下：（截图由 Snapaste 软件制作）
 
 
最后，如果在云服务器上执行时，使用 nohug 指令，可以使本脚本在我们关掉Shell的时候，依然在后台执行.
 
其中 & 命令是使脚本在后台执行。
 
$ nohup python3 upload.py &
 
查看所有在执行的任务【注意：此命令仅在当前终端有效】：
 
$ jobs
 
把后台任务调整到前台，使用 fg %任务号；反之，使用 bg %任务号：
 
$ fg %3
$ bg %2
 
注意：jobs命令仅在当前终端有效。过几日，我们再进入云服务器，jobs是没有结果的。此时需要使用 ps -ef | grep python3来查找还在后台运行的进程。如果需要关掉，使用命令“ kill 进程号”。
 
 
 
4. 转为正式Web服务持续运行
 
以上命令启动的服务，很容易挂掉，不知道为什么。如果要像网站一样7*24不间断提供访问，还是需要来一套正规的服务器软件。
 
推荐：Nginx + uwsgi + bottle，即可像 Apache + Tomcat 或者 Apache + PHP 一样长期提供Web服务。
 
 
 
参考资料：https://www.aliyun.com/minisite/goods?userCode=f3xmzovo

web服务器和web框架的作用及其关系
 1.web服务器作用：
 1）解析请求报文,调用框架程序处理请求。
 2）组织响应报文,返回内容给客户端。
 2.web框架程序的作用：
 1）路由分发(根据url找到对应的处理函数) 。
 2）在处理函数中进行业务的处理。
 服务器和客户端之间的连接靠web服务器来维持，web服务器接收到请求后，将请求以及相关的参数传递给web框架，由框架负责生成内容，并将生成的内容传递给web服务器。所以web服务器的职责是接受并返回请求，web服务器的职责是内容生成

目录
 
 
 
  一、Web应用服务器
  
 

  Tomcat 服务器介绍
 
 
 
 
 
  二、Tomcat服务器的下载安装
  
 

  1. Tomcat服务器的下载
 
 
 

  2. Tomcat的安装
 
 
 
 
 
  三、Tomcat的目录结构与使用
  
 

  1. Tomcat的目录结构：
 
 
 
 
 
 
    2. Tomcat的使用
 
  
 
 

  （1）修改Tomcat的默认端口
 
 
 

  （2）部署Web应用以及实现方法
 
 
 

  （3）进入Tomcat管理界面
 
 
 
一、Web应用服务器
 
 
 
  Web服务器是运行及发布Web应用的大容器，只有将开发的Web项目放到该容器中，才能使网络中的所有用户通过浏览器进行访问。常用的有BEA WebLogic服务器、IBM WebSphere应用服务器、Tomcat服务器。
 
 
  Tomcat 服务器介绍
 
  Tomcat 服务器是一个免费的开放源代码的Web 应用服务器，属于轻量级应用服务器，在中小型系统和并发访问用户不是很多的场合下被普遍使用，是开发和调试JSP 程序的首选。对于一个初学者来说，可以这样认为，当在一台机器上配置好Apache 服务器，可利用它响应HTML(标准通用标记语言下的一个应用)页面的访问请求。实际上Tomcat是Apache 服务器的扩展，但运行时它是独立运行的，所以当你运行tomcat 时，它实际上作为一个与Apache 独立的进程单独运行的。
   当配置正确时，Apache 为HTML页面服务，而Tomcat 实际上运行JSP 页面和Servlet。另外，Tomcat和IIS、Nginx等Web服务器一样，具有处理HTML页面的功能，另外它还是一个Servlet和JSP容器，独立的Servlet容器是Tomcat的默认模式。不过，Tomcat处理静态HTML的能力不如Apache服务器。
 
二、Tomcat服务器的下载安装
 
1. Tomcat服务器的下载
 
（1）Tomcat的官方下载地址：
 
Apache Tomcat英文官网：http://tomcat.apache.org/
Apache Tomcat9.0官网下载地址：https://tomcat.apache.org/download-90.cgi
 
（2）进入Apache Tomcat英文官网，在【Download】目录下选择Tomcat的版本,点击进入。本文以Tomcat9为例，点击进入【Tomcat9】
 
 
（3）在【核心】目录中选择【zip】【压缩包版】（需要配置环境变量）或者【32-bit/64-bit Windows Service Installer】【安装包版】，点击下载。本文以Winows64位系统为例，选择压缩包版，点击【64-bit Windows zip】
 
 
（5）下载完成
 
 
2. Tomcat的安装
 
  将下载好的压缩包解压到安装目录下即可
 
 
3. Java的下载安装与环境变量的配置
 
4. Tomcat环境变量的配置
 
在“环境变量”界面中，分为两部分，上面“某某某的用户变量”的设置，针对的是当前登录电脑的账户；下面部分是系统变量的设置，针对的是这台电脑，相当于是所有账户。对于自己使用的电脑来说，建议直接在下面部分的“系统变量”中来配置。
 右击【计算机】，选择“【属性】——【高级系统设置】——【高级】——【环境变量】”进行环境变量的配置
 
（1）右键【我的电脑】，点击【属性】
 
 
（2）进入控制面板界面，单击进入【高级系统设置】
 
 
（4）进入系统属性界面，单击进入【环境变量】
 
 
（5）进入环境变量界面，在确保Java环境变量配置好（命令行java与javac命令均有信息）的前提下，点击【新建】，创建一个【变量名】为Catalina_Home，【变量值】为Tomcat解压后的目录，例如【E:\apache-tomcat-9.0.22】的环境变量即可
 
 
（6）点击【编辑】系统环境变量【path】，进入环境变量编辑页面，新建一个【%CATALINA_HOME%\bin】环境变量即可
 
 
 
（7）测试环境变量配置，在命令行cmd下输入【startup】命令有如下结果即成功。
 
 
（6）启动Tomcat
 
 
双击startup.bat打开：
 
 
① 打开Tomcat解压目录中的bin目录\apache-tomcat-9.0.22\bin，双击打开startup.bat
 
 ② 弹出Tomcat命令行窗口，执行打开Tomcat命令，若出现【Catalina.start Server startup in [xxxx] milliseconds】，则表示打开成功。
 
 
 
命令行打开······>（Win10右击添加【在此处打开命令窗口】）
 
 
① 在Tomcat解压目录中的bin目录下单击【右键】，选择【在此处打开命令窗口】
 
 
 或者
 使用快捷键【Windows+R】,在运行界面中输入【cmd】打开命令行，然后输入以下命令，定位到Tomcat的解压目录中的bin目录。以【E:\apache-tomcat-9.0.22\bin】为例。
 
E:
cd apache-tomcat-9.0.22\bin
 

 
 ② 输入命令startup（另开一个Tomcat窗口打开Tomcat，相当于双击startup或者运行catalina start）或catalina run（直接在windows命令行中运行打开Tomcat），打开Tomcat
 
 或者
 
 或者
 
 
（7）测试Tomcat是否成功启动
 
  启动后不要关闭窗口（否则就关闭了Tomcat），打开浏览器，在地址栏中输入http://localhost:8080或者http://127.0.0.1:8080，若出现以下窗口，则说明Tomcat成功启动。
 
 
值得注意的是http://本机网络IP地址:8080也可以访问Tomcat的界面（云服务器基础）
 
（1）查看本机网络IP地址命令如下
 
ipconfig
 
 
（2）访问http://本机网络ip地址:8080
 
 
三、Tomcat的目录结构与使用
 
1. Tomcat的目录结构：
 
 
 
 
补充：
 
 
bin目录：存放的是Tomcat的命令。主要分为Linux命令（以.sh结尾的）和Windows命令（以.bat结尾的），常用命令为shutdown.bat与startup.bat，分别用于关闭的服务器和启动服务器。
 conf目录：主要是用来存放Tomcat 的配置文件。比如server.xml用于设置端口号、设置域名或者是IP，web.xml可以设置Tomcat支持的文件类型，context.xml可以设置数据源等信息。
 logs目录与temp目录：清空不会对Tomcat造成任何影响。
 webspps目录：存放的是web应用程序。当Tomcat启动后就会去加载该目录下的应用程序，Web项目必须直接或间接（配置虚拟路径）的发布到webapps目录中来，才能被访问。
 work目录：用来存放Tomcat运行时编译后的文件。清空work目录并重启Tomcat可以达到清空缓存的作用。
 
 
2. Tomcat的使用
 
（1）修改Tomcat的默认端口
 
步骤：
 
① 采用记事本打开Tomcat安装目录下conf文件夹中的server.xml文件。
 
② 在server.xml文件中找到以下代码：
 
<Connector port="8080" protocol="HTTP/1.1"                             
               connectionTimeout="20000"                            
               redirectPort="8443" /> 
 
 
③ 将以上代码中的port=”8080”改为port=”8888”，即可将Tomcat的默认端口号设置为8888。
 
④ 修改成功后为了使新设置的端口生效，还需要重启Tomcat服务器。此时访问http://localhost:8888或者http://127.0.0.1:8888。
 
 （注意：双击bin文件夹下的startup.bat启动Tomcat时常见错误：可能与其他服务的端口号冲突。）
 
 
 
常见状态码：
 
 
200：一切正常（看不到） 
 3xx：页面重定向（跳转） 
 404：资源不存在 
 403：权限不足（如访问a目录，但a目录设置不可见） 
 500：服务器内部错误（一般都是代码写错了）
 
 
（2）部署Web应用以及实现方法
 
 
① 通过复制Web应用到Tomcat中实现（默认的web应用发布目录webapps）
 
 
  通过复制Web应用到Tomcat中实现时，首先需要将Web应用的文件夹复制到Tomcat安装目录下的webapps文件夹下，然后启动Tomcat服务器，然后打开浏览器在地址栏中输入“http://主机本地IP(或网络IP):端口号/应用程序名称”形式的URL地址（如http://127.0.0.1:8888/firstProject），即可运行Java Web应用程序。
 
 
 
*特殊：当端口号为80时，访问Tomcat运行JavaWeb程序可省略端口号。
 
 

 
   如若要访问的项目中有多个jsp文件，则会默认优先访问index.jsp，如有多个html、htm、jsp文件，则会默认优先级为：html>htm>jsp。若想自己控制访问优先级，可以直接指定某个文件（如：http://localhost:8888/firstProject/index.jsp），也可在本项目的WEB-INF/web.xml中的<web-app></web-app>标签中插入如下代码：
 
<welcome-file-list>
    <welcome-file>index.jsp</welcome-file>
    <welcome-file>index.htm</welcome-file>
    <welcome-file>index.html</welcome-file>
</welcome-file-list>
 
即可让默认访问优先级变为jsp>htm>html。
 
 
 
②通过配置虚拟路径定位到Web应用所在位置
 
 
当项目文件位置为E:\MyProject\JspProject1时
 
   1）通过在【conf】文件夹下server.xml文件中配置<Context>元素实现
 通过在server.xml文件中配置<Context>元素实现时，首先打开Tomcat安装路径下【conf】文件中的server.xml文件然后在<Host>与</Host>元素中间插入<Context>元素。例如，要配置【E:\MyProject\文件夹下的Web应用JspProject1】可以在<Host></Host>标签中加入以下代码：
 
<Context path="/JspProject" docBase="E:\MyProject\JspProject1" />
 
即可通过http://服务端IP:端口号/path（虚拟路径）运行Java Web应用程序。
 （这种方法的弊端就是每次执行操作之后都得重启Tomcat）
 
 
 
 
*注意：path：虚拟路径（可以为绝对路径，也可以为相对路径【相对于webapps的路径】）docBase：实际路径
 
 
  2）通过在【conf】文件夹下【Catalina】文件中的【localhost】文件中新建文件“项目名（虚拟路径名）.xml”，然后在其中插入<Context>元素。例如，要配置【E:\MyProject\文件夹下的Web应用JspProject1】，可以在JspProject.xml文件中加入以下代码：
 
<Context path="/JspProject" docBase="E:\MyProject\JspProject1" />  
 
（*注意：此处的path名存实亡）
 此时要运行Java Web应用程序需要在浏览器地址栏中输入“http://服务端IP:端口号/xml文件的文件名”
 （执行完操作不需要重启Tomcat）
 
 
 
 
 
*特殊：方法1中让path=”/”（“”亦可）或者方法2中xml的文件名为ROOT都可以使得http://127.0.0.1:端口号（或http://localhost:端口号或http://服务端IP地址:端口号）直接访问docBase里面的地址中的Web应用
 
 
 
 
③通过配置虚拟主机使得以http://新域名的方式访问Web应用
 
 
  通过配置虚拟主机使得以http://新域名（除localhost以外的域名）的方式访问Web应用（如http://www.abc.com）时，首先需要打开conf/server.xml，然后在<Engine></Engine>元素中插入<Host></Host>和<Context />元素，接着把<Engine>标签中的defaultHost属性修改为新域名,最后打开本机【windows/system32/drivers/etc/hosts】，加入IP与域名的对应（可加到IP与localhost对应的下面）。
 例如要将本机IP对应的域名设置为 www.abc.com,首先在<Engine></Engine>标签中加入以下代码：
 
<Host name="www.abc.com" appBase="E:\MyProject\JspProject1">      	
<Context path="/" docBase="E:/MyProject/JspProject1" />
</Host>
 
然后把<Engine>标签改为如下：
 
<Engine name="Catalina" defaultHost="www.abc.com">
 
最后往hosts中加入以下代码：
 
127.0.0.1	www.abc.com
 
然后将server中的端口号改为80。即可通过访问"www.abc.com"访问Web项目JspProject1。
 
（3）进入Tomcat管理界面
 
① 启动Tomcat，打开浏览器，访问"http://localhost:8080"
 
 
② 点击Managing Tomcat栏下的【manage webapp】，并在弹出的登录框上点击【取消】
 
③ 进入401界面，复制以下内容
 
<role rolename="manager-gui"/>
<user username="tomcat" password="s3cret" roles="manager-gui"/>
 
 
④ 打开Tomcat解压目录中【conf】apache-tomcat-9.0.22\conf文件夹中的tomcat-users.xml，将步骤③复制的内容粘贴进去，并且根据那部分内容得到登录用户名为tomcat，密码为s3cret，再刷新页面进行登录即可。
 
⑤ 成功进入Tomcat管理界面可以看到当前有哪些项目部署在tomcat ，也可以从这里进入某个项目中
 

使用按钮进行监听下载的两种方法如下（推荐使用第二种，第一种若通过winddow.location.orgin获取协议+host+port时，网页会默认访问到网站的根目录下,Location 对象存储在 Window 对象的 Location 属性中，表示那个窗口中当前显示的文档的 Web 地址，若要下载的文件目录在Web根目录之外，则找不到路径，导致无法下载）
一是window.open()：适用于从服务器上下载到本地



 

  

   [html] 
   view plain
    copy
   

   
  
 
 
var $eleBtn1 = $("#btn1");  
        var $eleBtn2 = $("#btn2");  
  
        //已知一个下载文件的后端接口：https://codeload.github.com/douban/douban-client/legacy.zip/master  
        //方法一：window.open()  
        $eleBtn1.click(function(){  
            window.open("https://codeload.github.com/douban/douban-client/legacy.zip/master");  
        });  



二是表单提交：可以从本地下载到服务器，也可以从本地下载到本地（说到本地下载到本地，可能有的人就蒙圈了，本地有，干嘛要下载呢？原因是这样的：eg:若产品售出后,原来的代码都是经过混淆的，非开发人员不方便找到也看不了，所以需要下载未经过混淆的文件到本机，自主指定路径以方便使用）



 

  

   [html] 
   view plain
    copy
   

   
  
 
 
//方法二：通过form  
        $eleBtn2.click(function(){  
            var $eleForm = $("<form method='get'></form>");  
  
            $eleForm.attr("action","https://codeload.github.com/douban/douban-client/legacy.zip/master");  
  
            $(document.body).append($eleForm);  
  
            //提交表单，实现下载  
            $eleForm.submit();  
        });