拥有一台服务器后,我竟然这么酷?

目录

  • 一、前情回顾

  • 二、基础准备

  • 三、开始动手动脑

    • 3.1 云服务器基本介绍

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

    • 3.3 查看相关环境

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

    • 3.5 项目基本介绍

    • 3.6 将项目部署到服务器

  • 四、下期预告

拥有一台服务器后,我竟然这么酷?

一、前情回顾

大家好,我是老表,今天手把手带大家搭建一个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/profile
source /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-8
set 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写的两个页面,对的,在终于,Python 也可以写“前端”了文章中已经给大家比较详细的介绍了pywebio在快速构建web项目时的一些优势,以及如何使用,这次我们就拿来实战啦。

项目效果演示已经放到文章开头啦,这里给大家说下主代码框架,其余的因为我这个应用场景大家没法体验,所以不公开了,不过也给大家准备了一个小项目,继续往后读有获取方法哦~有问题可以私聊我进入学习交流群,欢迎大家在群内提问。

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

拥有一台服务器后,我竟然这么酷?插图25

首先是导入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应用的开发,如果只是单应用(比如:数据查询系统、个人简历展示页面等),开发可能会更快~(页面不那么复杂,或者显示内容都提前渲染好的话)

原项目对大家不适用(阿里云数据接口、包含个人信息),所以不能开源给大家,但为了让大家能够百分百跟着教程一起部署成功,所以我也给大家准备了一个小项目:个人简介展示网站,项目地址:https://github.com/XksA-me/ResumeBlog。

3.6 将项目部署到服务器

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

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

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

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

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

  • 自定义域名,设置域名解析(可选)

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

首先进入本地项目目录,我是用pipenv管理python的虚拟环境的,之前也分享过相关文章,大家可以参考学习:我用Pipenv来管理Python虚拟环境,大写的爽

当然大家不用做这一步,相关代码和依赖存储文件我都给大家准备好了,直接访问开源项目地址即可:https://github.com/XksA-me/ResumeBlog。

在本地,我是用的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地址:服务器中的存储目录

加一个-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地址

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

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

我这已经安装过了~
我这已经安装过了~

然后利用Pipenv先安装虚拟环境,安装成功后,在目录下会多出两个文件PipfilePipfile.lock,相关含义及pipenv使用大家可以看:我用Pipenv来管理Python虚拟环境,大写的爽

cd /root/Project/SimpleBlog
pipenv install --three

安装依赖包之前我们先修改下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访问到我们部署的服务啦~开心!

  • 主页面

拥有一台服务器后,我竟然这么酷?插图39
  • 子页面

  • 子页面

3.6.5 自定义域名,设置域名解析(可选)

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

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

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

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

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

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

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

都添加好后,我们点击确认就可以啦~

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


ping 域名地址

其实这样看的话,公网ip是没法隐藏的!
其实这样看的话,公网ip是没法隐藏的!

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

简单演示
简单演示

四、下期预告

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

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

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

下期见!点赞破50,加(wan)速(ming)更新~

原文链接:https://www.bilibili.com/read/cv13936776/

© 版权声明
THE END
喜欢就支持一下吧
点赞10 分享