拥有一台服务器后，我竟然这么酷？

这是我参与 11 月更文挑战的第 4 天。

一、前情回顾

大家好，我是爱猫爱技术的老表。

今天手把手带大家搭建一个 WEB 服务，并部署到我们的云服务器上，我把这篇文章命名为跟老表学云服务器先导篇：拥有一个云服务器原来可以这么酷，是的，这篇文章不是入门的（不会给你介绍云服务器的一个又一个故事、理论），却又是入门的（踏踏实实以项目为导向，分享整个搭建过程）。

本文大纲

文中和我们做项目的时候会有很多知识可以拓展，我希望初学者先不要纠结，先跟着文章完整复现一遍，了解整个项目、部署逻辑，然后再去思考一些细节知识点，这样学习效率会更高，避免刚入门就钻到牛角尖里了～

如上所说我们写好 web 应用肯定是想让自己能展示出去的，要是别人能访问就更酷了，如何让其他人能访问呢？将项目部署到云服务器就可以了，因为云服务器，故事这样就开始了。

自己这两天也在搞赠送某云服务器活动（已结束），有两个要求：用户是新用户+和我关联上了，由于用户侧没法判断是否和我关联上，所以只能我自己后台一个个看，来一个人登录一次阿里云，来一个人登录一次。。。就这样来来去去几次后，我奔溃了！

不行，作为程序员，怎么能这样干事，我静下来后，还是啥也没想到！爬阿里云后台数据后，写个 web 项目，做个前端查询？太费时间了吧，主要是数据哪里爬？前端我也不擅长呀！

正当无奈时，突然看了一眼活动群聊消息，发现有大佬在讨论这个验证问题，还有大佬找到了数据接口（云大使关联用户数据接口）。

还有大佬代码都写好了，这也太感谢了吧～

相当于，我只需要写个后端判断逻辑和前端展示就行了，可是我不是搞前端的呀！？

没办法，只能一边发愁、一边谷歌：前端入门指南？

于是搜索到了这个小白三天入门前端 HTML 肝货笔记，可，我哪有三天时间来看前端，只能继续发愁，你肯定知道故事肯定还有转折。

我又看到了明哥公众号发的终于，Python 也可以写前端了，发出黑人问号的同时，快速打开推文，至此我笑逐颜开。

仔细阅读后，虽然不如标题所说把 Python 当前端用，但也差不多，前几天我也给大家分享了这篇早起兄的文章，这不，今天就来教大家如何实现整个项目流程和部署，一起来用云服务器做一个小项目-博客页面展示+数据查询'系统'。

不禁感慨，人生也如此一波三折，最终也笑逐言开该多好～记得给本文点赞。

二、基础准备

1、你需要有一台云服务器（必须有，把本地电脑当服务器也行吧！）

2、如果需要专属域名，你需要有一个域名（可选）

项目部署须知：

• 基本环境：Python 3.6 及以上都可以

• 第三方库：

• pipenv：虚拟环境管理库

• requests：后台关联数据爬取

• pandas：爬取数据处理、存储、读取

• pywebio：web 项目框架

是的不需要数据库或者其他的，因为这次数据量不大，所以直接用 requests 获取到接口数据后，利用 pandas 存储到 csv，然后查询的时候直接用 pandas 读取数据查询，后端框架利用 pywebio，我们只用写好后端代码，该框架会帮我们渲染好前端显示页面，让编写者能快速搭建 web 项目，简直不要太 nice~

三、开始动手动脑

以为自己为例，我买的是阿里云 ECS 共享型 n4(1 核 2G) 内存 50g，装的是阿里云自己研发的 Linux 系统，在他们自家的服务器上使用会更丝滑，当然大家也可以选择其他的，如比较流行的 Centos，总共花了不到 180 买了三年，爽啊~

我的配置

3.1 云服务器基本介绍

首先我们登录阿里云后台，进入 ECS 服务器管理后台，大家可以直接通过下面链接登录即可（前提是你已经有了一个云服务器哦～）。

https://ecs.console.aliyun.com/#/home

进入之后，你可以看到服务器的一些基本信息，比如名称（可以修改）、地区、公网 ip、远程链接、开关、CPU 使用率等～

我们点击左侧的实例按钮，可以进入服务器详情页面，你可以看到更多服务器相关信息和设置，这里主要说下以下几个设置：

• 密码/密钥：在这里可以修改你的服务器实例密码或者远程连接(VNC)密码，连接前请先修改/设置密码

• 云盘和镜像：在这里可以重置系统、自定义镜像等

• 网络和安全组：在这里主要是设置对外开放端口，很重要

3.2 远程连接云服务器，查看基本情况

我们点击远程链接，会发阿里云上提供了三种远程连接方式：

• Workbench 远程连接（推荐，本着学习 Linux 的态度还是用原生好）：第一次登陆需要输入我们设置的实例用户名（默认 root）和密码，后面好像会自动登录（可能也有一定缓存期），如果密码不记得就按 3.1 中方法重新设置；

• 
  

• VNC 远程连接：需要输入我们设置的 VNC 远程连接密码，进入后还需要输入实例用户名（默认 root）和密码，主要用于不能直接用 Workbench 远程连接的场景。同上，忘记了就重新设置就行，很简单；

• 
  

• 发送远程命令（云助手）：ECS 官方提供的附加功能，永远免费，“免登陆、免跳板机，批量实例运维，执行命令（Shell、Powershell 和 Bat）和发送文件”，ECS 官方提供的附加功能，确实很优秀，点个赞～

很简洁，输入指令-执行-输出

在这里你可以清楚的看到自己的操作

当然也有不好的，比如：需要输入多条指令，指令上下级关系或者内容并不是我全部确定的时候就会比较麻烦，特别对小白用户来说，不过文件上传对新用户又会很 nice。

如果是小白用户的话，我还是建议选择Workbench远程连接，有经验的用户，根据自己习惯，随便怎么链接都行。

3.3 查看相关环境

3.3.1 系统软件管理工具：yum

首先就是看下系统的包管理工具yum，（如果是 ubuntu 的话自带的应该是apt-get）直接输入以下指令查看下版本：

yum version

你会发现版本是有了，但是第一行就是一个Failed，不爽！错误里的locale表示软件在运行时的语言环境，我们可以直接输入locale查看相关设置，

提示我们LC_CTYPE什么的没法设置默认值，因为文件/目录，这里我们直接设置下LC_ALL即可（优先级最高，代替所有），我们将LC_ALL=en_US.UTF-8添加到系统变量文件/etc/profile，然后重新运行下/etc/profile就可以解决这个问题啦。

echo "export LC_ALL=en_US.UTF-8" >> /etc/profilesource /etc/profile

接下来，我们更新下yum，半分钟左右吧～

yum update -y

3.3.2 网络文件数据下载工具：wget

我看了下在 Aliyun Linux 中是自带的，

一般使用方法就是wget 文件链接，下载速度很快很方便。

wget 文件链接

先这样吧，后面可以升级下～

3.3.3 编程环境：Python（最重要的）

系统里自带了 Python2.7 和 Python3.6(2018.12.24 发行)，都挺老了，不过这次实验也还够用，为了让大家尽快上手，我们留到后面介绍如何更新 Python 版本。

3.4 常用且基础的 Linux 命令学习

了解完环境，我们再学点常用且基础的 Linux 操作吧～

• 1）查看当前目录完整路径

pwd

可以看到我们现在在跟目录(/)下的root目录中

• 2）进入指定目录

cd 目录路径

这样我们就进入/根目录啦～

• 3）查看当前目录所有文件

ls

我们可以看到系统包含了很多文件，知道我们后面所有项目文件都在 root 目录下即可，另外还有一个 home 目录你可能比较疑惑，这个是给普通用户的（我们可以创建其他账号登录）。

• 4）新建文件夹

mkdir 文件夹名称

• 5）新建文件

touch 文件名称

• 6）编辑文件内容

vim 文件名称

Linux 下默认编码是 UTF-8，如果直接修改，输入中文会出现乱码，所以我们需要先设置下.vimrc配置文件，直接输入下面指令：

vim ~/.vimrc

然后按字母A键（小写），表示从光标位置开始插入输入的内容，将下面内容复制粘贴进去，然后按ESC键（表示停止输入），再按住Shift+:（注意必须是在英文输入法状态），输入wq（表示保存并退出）：

set encoding=utf-8set fileencodings=ucs-bom,utf-8,cp936

这样就可以解决编辑文件输入中文乱码的问题了。

简单介绍下逻辑：1） vim 启动会根据~/.vimrc内容设置编码，encoding 为 vim 内的编码，fileencodings 为原文件编码元组，vim 会根据 fileencodings 逐一探测原文件编码设置为 fileencoding；2） 然后 vim 会自动对比 encoding 和 fileencoding 是否一致，不一致的话 vim 会创建一个缓存区，将内容编码从 fileencoding 转为 encoding，然后用户可以正常编辑；3） 等保存的时候又会再次对比，如果不一致的话，会将缓存区的编码从 encoding 改为 fileencoding，然后存储到文件内。

参考： https://www.jianshu.com/p/44691357c8ee

接下来我们修改下之前建的readme.md，执行后，就可以进入编辑页面啦，

vim readme.md

还是先按字母A键（小写），表示从光标位置开始插入输入的内容，将自己想输入的内容输入进去，然后按ESC键（表示停止输入），再按住Shift+:（注意必须是在英文输入法状态），输入wq（表示保存并退出）

• 7）查看文件内容

cat 文件名称

• 8）删除文件和文件夹（慎用）

rm 文件名称rm -rf 文件夹名称

由于目前我们直接登录是 root 用户（服务器最大权限用户），所以一定慎用 rm -rf，使用时一定要在后面制定要删除的文件名/文件夹名称，避免出现"删库跑路"的情况，后面学习中会教大家如何创建一个普通用户，用于日常开发使用。

• 9）修改/移动文件

# 修改文件/文件夹名称mv 旧文件名 新名称# 移动文件mv 旧文件所在目录 新目录

以上简单给大家介绍了 Linux 中文件处理中常用的命令，这将对我们后面学习非常有帮助，后面也会出相关文章详细给大家介绍 Linux 中其他的命令。多点赞支持呀！

3.5 项目基本介绍

项目就是我们利用pywebio写的两个页面，对的，关于pywebio在快速构建 web 项目时的一些优势，以及如何使用下下篇文章给大家分享，大家有兴趣也可以去看官方文档，这次我们就拿来实战啦。

这里给大家说下主代码框架，其余的因为我这个应用场景大家没法体验，所以不公开了，不过也给大家准备了一个小项目，继续往后读有获取方法哦～有疑问的欢迎评论区进行学习交流～

这里给大家说下主代码框架，其余的因为我这个应用场景大家没法体验，所以不公开了，有问题可以私聊我进入学习交流群，欢迎大家在群内提问。

# 导入pywebio相关的包from pywebio import *from pywebio.input import *from pywebio.output import *
# first_page：博客显示页面def activity_introduction():    with open('我的文章.md') as md:        md_txt = md.read()    put_markdown(md_txt)    print(md_txt)
# second_page：数据查询验证页面def account_verification():    put_markdown('# 【简说Python】阿里云服务器获赠关联查询')    # start_page：应用主页def index():    put_link('【必看】阿里云服务器获赠指南', app='activity_introduction')     put_markdown('<br>')    put_link('【关键】阿里云服务器获赠关联查询', app='account_verification')                if __name__ == '__main__':    start_server([index, activity_introduction, account_verification],port=8081,auto_open_webbrowser=True)

首先是导入 pywebio 相关的包，然后是三个函数，对应三个页面。

写的第一个页面是用于展示介绍文档的，大家也可以理解为博客，博客内容很长，不可能直接写到put_markdown中（这样代码没发修改、读了），所以我采用的方式是读取本地文件，然后传入put_markdown中，这样代码看起来就会更可以维护、美观。

然后是第二个页面：数据查询验证，这里主要用到了put_input函数，我传入了四个参数：

• 第一个参数是输入框的名字，字符串

• 第二个参数 type 表示输入的数据格式

• 第三个参数是 validate 表示验证参数，接收值是一个函数名称，将输入数据先传入该函数进行验证

• 第四个参数是 placeholder 表示输入提示内容

第三个页面就是我们的首页了，pywebio中页面跳转支持两种方式，如下图所示，一种是pywebio.session.go_app()一种是put_link()，我选择的是put_link()，链接文案设置灵活一点。

最后就是启动项目啦，直接start_server函数：

• 第一个是要启动的 app(应用)，有多个应用的话我们传递一个列表进去就可以了，列表元素就是 app 名字（函数名）

• 第二个参数 port 是应用部署到哪个端口，可以自选，不要和系统已经存在端口重复就行

• 第三个参数 auto_open_webbrowser 表示是否自动打开浏览器，在本地测试的时候可以打开设置为 True，部署到服务器可以设置为默认值 Fasle

通过简单几步，我们就完成了一个 web 应用的开发，如果只是单应用（比如：数据查询系统、个人简历展示页面等），开发可能会更快～（页面不那么复杂，或者显示内容都提前渲染好的话）

原项目对大家不适用（阿里云数据接口、包含个人信息），所以不能开源给大家，但为了让大家能够百分百跟着教程一起部署成功，所以我也给大家准备了一个小项目：个人简介展示网站，大家可以看我下篇分享内容（明天）。

3.6 将项目部署到服务器

我们需要做以下几件事情：

• 确定本地项目环境+依赖包

• 将本项目文件和依赖包文件上传到服务器

• 在服务器构建虚拟环境、安装依赖包

• 将项目跑起来，通过公网 ip 访问没问题

• 自定义域名，设置域名解析（可选）

3.6.1 确定本地项目环境+依赖包

首先进入本地项目目录，我是用 pipenv 管理 python 的虚拟环境的，后面给大家分享下 pipenv 的使用方法和自己的使用感受，安排到下下下篇吧～已记录在案了！

当然大家不用做这一步，相关代码和依赖存储文件我都给大家准备好了，直接看明天文章即可获取到。

在本地，我是用的 python3.10，所以直接这里导出依赖包不太合适（云服务器中是 3.6.8），不过本次项目依赖包比较少，我自己用了requests+pandas+pywebio，后面服务器安装依赖包，这次我就直接手写安装了。

正常的话，应该进入本地项目目录，执行下面命令即可生成项目依赖包文件：

pipenv shell   # 进入虚拟环境pip freeze > requirements.txt   # 生产依赖包文件

然后上传到服务器并在服务器安装好环境后，在requirements.txt目录下执行以下 pip 命令安装。

pip install -r requirements.txt 

3.6.2 将本项目文件和依赖包文件上传到服务器

接着我们需要将本地的项目文件传输到服务器，之前有写过相关文章，开启 ssh 服务后，直接利用 scp 命令即可进行文件传输，格式如下。

scp 本地文件目录 你的服务器登录用户名@你的服务器ip地址:服务器中的存储目录# 如：scp /Users/hhh/Desktop/do.txt root@你的公网ip:/root/Project/

加一个-r 可以实现传输文件夹：

scp -r /Users/hhh/Desktop/FRC root@你的公网ip:/root/Project/

我们在终端中输入下面指令即可：

scp -r 你的项目存放目录/SimpleBlog root@你的公网ip:/root/Project/如：scp -r /Users/hhh/Desktop/SimpleBlog root@100.200.100.100:/root/Project/

这样会将我们本地的SimpleBlog文件夹所有内容上传到云服务器的Project目录下。

当然，我们其实也能在终端连接阿里云服务器，直接通过 ssh 即可，如下所示，mac 打开终端（windows 的话打开 cmd），输入下面指令即可连接成功后，我们后面都不用打开浏览器去阿里云服务器后台了～

ssh 你的服务器登录用户名@你的服务器ip地址# 如 ssh root@100.200.200.100

3.6.3 在服务器构建虚拟环境、安装依赖包

在服务器中，进入/root/Project/SimpleBlog目录，需要先安装虚拟环境管理包pipenv，直接输入pip3 install pipenv即可。

我这已经安装过了～

然后利用 Pipenv 先安装虚拟环境，安装成功后，在目录下会多出两个文件Pipfile（包下载源和版本等记录）和Pipfile.lock（管理包依赖）。

cd /root/Project/SimpleBlog  # 进入项目目录pipenv install --three   # 安装python3虚拟环境

安装依赖包之前我们先修改下Pipfile，在文件里可以设置第三方包下的镜像源，我们更改为清华的镜像源，地址：https://pypi.tuna.tsinghua.edu.cn/simple (vim 使用在 3.4 中有介绍)

vim Pipfile

我们再来安装项目依赖包，首先需要进入虚拟环境，在现在目录下输入pipenv shell即可进入虚拟环境，进入后前面会有一个标志SimpleBlog。

这里第三方包用的不多，就没用 requirements.txt，直接执行下面命令：

pip install pandas pywebio requests

安装成功后，我们可以输入pip list查看现在 python 环境有哪些包，会发现除了我们安装的几个，还多了几个，都是依赖包，大家不用管，用到的时候导入即可，发现没有，在pip install安装即可。（注意现在在虚拟环境下哦～）

3.6.4 将项目跑起来，通过公网 ip 访问没问题

在服务器中，我们直接运行下面命令启动应用：(注意是在虚拟环境中，且在/root/Project/SimpleBlog/simpleblog目录中)

python simpleblog.py

执行后就在 8081 端口跑起来了～

我们测试本地浏览器通过：公网ip:8081访问看看，公网 ip 指服务器的公网 ip（在本文 3.1 中有简单介绍）。

我们发现页面一直在转圈，知道无法访问此网站，响应时间过长，这是因为我们并没有开放 8081 这个端口的外网访问权限，我们在服务器安全组中配置一下即可。

我们进入阿里云服务器后台，进入实例，点击更多 -> 网络和安全组 -> 安全组配置，

进入安全组配置页面后，点击配置规则。

在配置规则页面，点击手动添加，然后输入安全组相关信息，除了端口访问写为8081/8088(后面还可以部署其他应用)，授权对象为0.0.0.0(所有 ip 可以访问)，其他的默认设置即可。

添加了安全组后，我们就可以成功通过公网ip:8081访问到我们部署的服务啦～开心！

• 主页面

• 子页面

• 子页面

3.6.5 自定义域名，设置域名解析（可选）

需要你有一个域名，可以在阿里云或者腾讯云购买，我之前已经购买过，如果要购买可以点击这里优惠购买。

之前域名使用必须得备案（申请备案后，会有专门的人电话联系你咨询相关情况，如实回答即可，比如：写博客，学习用等）。

购买后，登录阿里云域名管理后台，点击对应域名后面的解析，即可进入域名解析页面（每个解析可以理解为一个映射，从我们的域名映射到记录值）。

在域名解析页面，点击添加记录，需要输入以下信息：

• 选择记录类型：我们选 A，表示指向一个 IPV4 地址；另外用的多的就是 CNAME，表示指向另外一个域名

• 主机记录：需要输入的是域名前缀，可以选择输入 @，表示直接用域名访问，或者其他自定义的

• 记录值：就是要将域名映射到哪个地方，这里我们写我们服务器的公网 ip 地址（在 3.2 中有介绍）

都添加好后，我们点击确认就可以啦～

可以选本地 ping 一下域名，看看域名对应的 ip 地址是否是我们绑定的服务器公网 ip，还可以验证是否绑定成功。

# 注意域名地址不用加http或者httpsping 域名地址

其实这样看的话，公网 ip 是没法隐藏的！

然后我们就可以利用我们自己的域名+服务所在端口访问我们部署在服务器的项目啦～

简单演示

四、下期预告

以上我们基本完成了：了解我们的云服务器、Linux 基础命令学习、服务器环境搭建与文件传输、web 程序逻辑(pywebio)、项目部署和域名绑定。当然关于服务器完整使用、学习，本文还有很多东西没有涉及到，比如设置反向代理隐藏访问链接中的端口、守护项目进程、域名证书绑定（ssl）等。

很高兴你能坚持看到这里，老表尽量从小白用户角度写下了这篇云服务器学习先导篇：拥有一个云服务器原来可以这么酷，如前言所说，这是一篇以项目为导向的文章，希望大家通过本文能了解清楚整个项目创建、部署过程，我知道举一反三对程序员来说从来不是难事，希望大家能在留言区有更多经验、学习分享交流。

从这里，我们正式一起开启跟老表学云服务器系列教程～一周 1-2 更！

下期见，我是爱猫爱技术的老表，如果觉得本文对你学习有所帮助，欢迎点赞、评论、关注我！

下期见！点赞破 50，加(wan)速(ming)更新～