一个网站从0到1搭建部署上线的完整流程(包教包会)

news/2024/5/21 10:38:01/文章来源:https://cxydev.blog.csdn.net/article/details/127681262

前言:要买服务器,建议在双十一购买,价格比平时便宜10倍,今年阿里云双十一活动的2款服务器,都非常便宜,最低49元,就能购买1年,只限新用户 。

62b1f5c10ec5066965b9dc782e3329ef.png

c7bf1c1d39f4385986b126d5aaa07c23.png

感兴趣的朋友扫码购买

正文

有很多做网页的前端后端小白都想把自己辛辛苦苦做出来的网站放到网上,让别人观摩观摩。可无奈技术有限,对于网站部署流程有些迷茫。在这里,我会告诉大家,如何将自己做出来的网站放到网上。

首先,我们需要明白几个概念:备案,解析。

然后,我们还要知道,应该准备什么东西:网站源代码(这个就不细说了),服务器,域名。

备案

所谓的网站备案其实是网站的ICP备案的简称,国家相关规定如下:《互联网信息服务管理办法》指出互联网信息服务分为经营性和非经营性两类。国家对经营性互联网信息服务实行许可制度;对非经营性互联网信息服务实行备案制度。未取得许可或者未履行备案手续的,不得从事互联网信息服务。

一般来说,备案指的是域名进行备案,而不是服务器进行备案。一个网站是否备案,是取决于网站所用空间是国内还是国外的. 如果是国内主机,网站域名需要备案,才能通过域名访问到你的网站。

如果是国外主机,网站域名是不用备案的,也可以通过域名访问。

解析

域名解析是把域名指向网站空间IP,让人们通过注册的域名可以方便地访问到网站的一种服务。IP地址是网络上标识站点的数字地址,为了方便记忆,采用域名来代替IP地址标识站点地址。域名解析就是域名到IP地址的转换过程。域名的解析工作由DNS服务器完成。

了解完这些之后,我们可以进行实际操作。

一丶服务器

服务器是提供计算服务器、网络服务的一种设备。当我们访问一个网站时,点击这个网站会发出访问请求,服务器会响应服务请求,并相对应地进行处理,反馈相对应的数据。

如果我们想要把自己的网站让别人也能看到,那就必须要放到服务器上。而比较常见的分为个人服务器,企业级服务器。一般我们需要的是个人服务器。现在人们用的比较多的服务器有:阿里云,腾讯云,百度云等。在这里我以阿里云为例进行讲解(其他几款流程也大致相同)。

  1. 到阿里云官网挑选购买服务器。(双十一有活动,最低49元一年)

    也可以复制链接到浏览器购买:https://www.aliyun.com/minisite/goods?taskPkg=yds2211&pkgSid=504318&recordId=4714189&userCode=hylz76w6

注册什么的有支付宝一般没什么问题,略过

对于小白来说,个人服务器一般有两种选择,一种是云服务器 ECS ,一种是轻量应用服务器。

d480c3dade0c4a879a56f745ff0c9a0c.png
ECS云服务器
9ac80a2fc826e98f0b8a25d2d233c0cb.png
轻量应用服务器

两者区别不大,前者类似于纯净版系统,需要有一定的运维技术,配置起来较为繁琐;后者类似于基础版系统,易用易上手。在性能上,后者将系统盘升级为SSD,容量减小一半,提升了性能。相同CPU,在内存相同的情况下,单来比较磁盘读写性能,可见速度的提升明显。

6c8517a2433e72ebb8585ffc0569c745.png455db16258cdac0d4211d0b274b99e1f.png
购买界面

注意:在阿里云需要购买3个月以上的服务器才可以申请备案(ECS云服务器中按量付费购买的服务器也不可以申请备案),需要备案的小白要注意了。

当然,如果你还是学生的话,阿里云有“云翼扶持计划”。

edbf31ddba0931a9e78d456cb04ad3a5.png购买成功后,我们需要进行服务器的配置。

2. 配置属于自己的服务器。

当你购买了服务器后,就可以到右上角的控制台去查看。

701a3a15b782b775c47279262e5c928b.png这里是你自己的控制台,你所购买的产品都可以在这里查看。

13c8ab4c3ffd03754b59cef96c06159c.png点击“远程连接”后

134954e7616e8a9a8e4ce1b652a97974.png因为进入控制台后,大部分的操作都需要“管理员权限”,所以首先先切换成“管理员”。输入:

sudo su root

这里的“root”是默认管理员的名字,需要看自己管理员的名字进行更改。

接下来进入到usr文件夹下,输入:

cd /usr

注意,这里cd /usr中间是有一个空格的,否则无法进入。

在usr文件夹下创建一个文件夹,例如:java,用来存放后面用到的tomcat和java的jdk包。输入:

mkdir java

再输入:

ls

就可以查看到usr下所有的文件夹,以及java文件夹是否创建成功。

因为涉及到jdk,tomcat的安装和解压,为了方便操作,我们需要下载一个软件——xftp(或者filezilla也行),顺便下载java的jdk压缩包,和tomcat的压缩包,具体的可以去官网下载,不细说。

安装成功后打开xftp,新建会话。

cb7301984ce1feebbd7781eb9b9e02d0.png74f20cc9f0862eedab65307f4af011c8.png

bb75857c3f5701bc019684ed467b7f13.png确认之后即可。

将下载好的JDK和tomcat的压缩包复制粘贴到xftp中右侧的usr/java目录下。(这里我已经粘贴解压好,本来是空的)。

e5a5041a5a1784e453deb13cb3fbf265.png然后回到命令行控制台,查看一下文件夹是否成功粘贴到java文件夹下。

af44008f5146758286ba4074d867a5d0.png成功后可以解压这两个压缩包在此目录下,分别输入:

tar -xzvf  jdk-xxxxx.tar.gztar -xzvf apache-tomcat-xxxxxx.tar.gz

xxxx是你自己下载的压缩包对应名字。

如果觉得解压后的文件夹名字太长,需要更改,输入:

mv 更改前名字 更改后名字

成功后如下图

cc625d59fdb0e720abcfad731ac98c5c.png然后开始配置一些必需变量,输入:

vim /etc/profile

9fbd12110c28e285dbe82831dcca2588.png这里需要在里面添加环境变量,直接在控制台输入。当然,为了方便,可以从xftp中找到profile文件导出,修改后再导入覆盖。

dd710292608d38ade03a047d755671c1.png右键导出,在结尾增加如下代码:

JAVA_HOME=/usr/java/你的jdk文件夹名
PATH=/usr/java/你的jdk文件夹名/bin:$PATH
CLASSPATH=.:/usr/java/你的jdk文件夹名/lib/dt.jar:/usr/java/你的jdk文件夹名/lib/tools.jar
CATALINA_HOME=/usr/java/你的tomcat文件夹名
export JAVA_HOME PATH CLASSPATH CATALINA_HOME

修改成功导入即可。

然后在控制台启动配置,输入:

source /etc/profile

然后再输入:

javac

如果显示下图,去启动tomcat。

72395dc95cba62979bdbf8f5d82a5829.png输入:

cd /usr/java/你的tomcat文件夹名/bin

启动tomcat:

./startup.sh

如果也出现如下图,恭喜你,你的服务器已经配置成功!!

5655e050dc05c56e57708c2ba3df8792.png

二丶域名

域名,是由一串用点分隔的名字组成的Internet上某一台计算机或计算机组的名称,用于在数据传输时标识计算机的电子方位。

IP地址,是Internet主机的作为路由寻址用的数字型标识,人不容易记忆,因而产生了域名这一种字符型标识。

通俗的说域名就相当于一个家庭的门牌号码,别人通过这个号码可以很容易的找到你。这也意味着在全世界没有重复的域名。当然,此时没有域名也可以使用IP地址来访问你的网站。

1.购买属于自己的域名。

可以到阿里云官网进行域名购买,购买前需要先查询你想购买的域名名字是否已经被人注册。

43ff28df80f202f2036e01dff2f5f3d6.png

adc8954a54fe8e68e985217df3879c78.png选择自己心仪的域名进行注册购买。

2.域名的配置。

域名购买成功后,可以进入到自己的控制台查看。

efe6e82fcac2454f3e5994d88672e473.png由于刚购买的域名,所以需要实名认证,点击(2)后填写相关资料后提交,大概1个工作日内会有你的“专属商务经理”给你打电话进行实名认证资料和核实,没问题的话一般3-5个工作日内就会认证成功。

成功之后如下:

0b1b59e78adc8977314a4d3fd32929c7.png然后就要进行域名的备案了。

这里需要注意一下:如果你购买的服务器在中国大陆内,就需要进行域名备案才能将域名配置到服务器,如果不是,就可以忽略“备案”这一步。

具体备案步骤可以点击这里查看(https://help.aliyun.com/knowledge_detail/36922.html?spm=a2c4g.11186623.6.558.30ba1ff5Iku2Fj ),比较详细,我就不细说了。

备案需要10~20个工作日,在这期间我们可以先进行域名的解析。

在控制台点击“解析”

c28a6f9406322b9e5d3f15c17c9702fb.png
这里有两种快速域名解析的方法:

网站域名解析:

2a74f350008fd0d32300630996b2cd03.png邮箱域名解析:

4cf8bec7d62ebca152cec6a8a44bc12a.png点击“确认”,解析成功。

三丶上传网站源码

我们可以通过FTP类的工具帮助我们更加方便地上传源码到服务器上,目前国外用的较多的是FileZilla,国内用的多的是XFTP工具,putty等。这里我以xftp5为例。

先前我们已经远程连接过自己的服务器了,这里直接连接即可。

连接成功之后我们会找到这样一个文件夹(这里的java文件夹是解压jdk和tomcat所在的文件夹):

8ba9897df7910e2bac9f448bcbba7291.png进入到上面绿色框中的文件夹内,其余的东西不需要动,将你做好的整个网站源码放到新的文件夹里(注意最好全英命名),通过FTP传输进来。

然后你可以通过你的域名+文件夹名+html单页面名即可访问你的网页(例如:www.域名.com/webapps里你存放网页的文件夹名/index)。

这时候你的网站基本部署完毕了!

注意:如果你的网页不加端口号就通过IP地址和域名来访问网页,这时候需要尝试修改一下端口,修改到80端口,然后重启一下tomcat 再试一下。tomcat 默认配置文件为 server.xml ,将其中的8080修改为80,然后重启tomcat 再试一下,因为默认只有80端口可以不加端口号进行访问。

来源:blog.csdn.net/Jekin_KE/article/details/87312623

最后,要买服务器,建议在双十一购买,价格比平时便宜10倍,今年阿里云双十一活动的2款服务器,都非常便宜,最低49元,就能购买1年,只限新用户 。

41aad88eee88f3252524d6ffdcdacde3.png

63f9bcf84aad144017cdb0be8b83b582.png

感兴趣的朋友扫码购买

或者点击原文链接购买

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_763310.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

为什么视频网站的视频链接地址是blob?

原文地址:https://juejin.im/post/5d1ea7a8e51d454fd8057bea来源:掘金作者:wangzy2019自从HTML5提供了video标签,在网页中播放视频已经变成一个非常简单的事,只要一个video标签,src属性设置为视频的地址就完…

多网站项目的 CSS 架构

原文地址:CSS Architecture for Multiple Websites原文作者:Elad Shechter译文出自:掘金翻译计划本文永久链接:github.com/xitu/gold-m…译者:Baddyo校对者:xionglong58,lgh757079506复杂的 CSS…

Vue单页项目SEO完全指南

搜索引擎优化(Search engine optimization,简称SEO),指为了提升网页在搜索引擎自然搜索结果中(非商业性推广结果)的收录数量以及排序位置而做的优化行为,是为了从搜索引擎中获得更多的免费流量&…

把网站升级到http/2

为什么要升级到意思是说要使用http/2,我之前只是听过http/2的一些介绍,其实http/2已经来了。http/2最大的特点是使用多路复用,对同一个域的服务器只建立一次TCP连接,加载多个资源,使用二进制帧传输,同时会对…

宝塔面板 添加网站访问不了解决方案

1.如果是tp5 那么请你伪静态一下 代码如下 location / { if (!-e $request_filename){ rewrite ^(.*)$ /index.php?s$1 last; break; }} 转载于:https://www.cnblogs.com/roseY/p/9459160.html

从网站功能入手创建数据库

上一篇说了,这个网站会模仿B站的主要功能,通过对B站的功能分析,从中拆分出主要功能模块,分别创建数据库,并实现相关的功能。 先上一张网站首页,欣赏一番 可以明显的看到,网站首页非常明显的分成…

搭建自己的技术博客系列(五)hexo博客接入busuanzi插件,展示访问量和网站运行时间...

busuanzi计数脚本 busuanzi官方指引 一、安装脚本(必选) 要使用不蒜子必须在页面中引入busuanzi.js,目前最新版如下。 不蒜子可以给任何类型的个人站点使用,如果你是用的hexo,打开themes/你的主题/layout/_partial/foo…

建一个网站需要多少钱

很多第一次做网站的新手朋友都很关心建一个网站的费用和花销,但是需要明白,不同网站建设公司做同样一个网站,价格区别也是很大的,所以我们必须先掌握清楚网站主要费用构成。 下面先说一下网站固定价格组成: 1、网站域名…

大型网站架构演化(一)——初始阶段的网站架构

大型网站的技术挑战主要来自于庞大的用户,高并发的访问和海量的数据,任何简单的业务一旦需要处理数以P计的数据和面对数以亿计的用户,问题就会变得很棘手。大型网站架构主要是解决这类问题。 大型网站都是从小型网站发展而来,网站…

大型网站架构演化(二)——应用服务和数据服务分离

随着网站业务的发展,一台服务器逐渐不能满足需求:越来越多的用户访问导致性能越来越差,越来越多的数据导致存储空间不足。这时就需要将应用和数据分离。应用和数据分离后整个网站使用三台服务器:应用服务器、文件服务器和数据库服…

大型网站架构演化(三)——使用缓存改善网站性能

网站访问特点和现实世界的财富分配一样遵循二八定律:80%的业务访问集中在20%的数据上。淘宝买家浏览的商品集中在少部分成交数多、评价良好的商品上;百度搜索关键词集中在少部分热门词汇上;只有经常登录的用户才会发微博、看微博,…

大型网站架构演化(四)——使用应用服务器集群改善网站的并发能力

使用集群是网站解决高并发、海量数据问题的常用手段。当一台服务器的处理能力、存储空间不足时,不要企图去更换更强大的服务器,对大型服务器而言,不管多么强大的服务器,都满足不了网站持续增长的业务需求。这种情况下,…

大型网站架构演化(五)——数据库读写分离

网站在使用缓存后,使绝大部分数据读操作访问都可以不通过数据库就能完成,但是仍有一部分读操作(缓存访问不命中、缓存过期)和全部的写操作需要访问数据库,在网站的用户达到一定规模后,数据库因为负载压力过…

大型网站架构演化(六)——使用反向代理和CDN加速网站响应

随着网站业务不断发展,用户规模越来越大,由于中国复杂的网络环境,不同地区的用户访问网站时,速度差别也极大。有研究表明,网站访问延迟和用户流失率正相关,网站访问越慢,用户越容易失去耐心而离…

大型网站架构演化(七)——使用分布式文件系统和分布式数据库系统

任何强大的单一服务器都满足不了大型网站持续增长的业务需求。数据库经过读写分离后,从一台服务器拆分成两台服务器,但是随着网站业务的发展依然不能满足需求,这时需要使用分布式数据库。文件系统也是一样,需要使用分布式文件系统…

大型网站架构演化(八)——使用NoSQL和搜索引擎

随着网站业务越来越复杂,对数据存储和检索的需求也越来越复杂,网站需要采用一些非关系数据库技术如NoSQL和非数据库查询技术如搜索引擎,如图。 NoSQL和搜索引擎都是源自互联网的技术手段,对可伸缩的分布式特性具有更好的支持。应用…

大型网站架构演化(九)——业务拆分

大型网站为了应对日益复杂的业务场景,通过使用分而治之的手段将整个网站业务分成不同的产品线,如大型购物交易网站就会将首页、商铺、订单、买家、卖家等拆分成不同的产品线,分归不同的业务团队负责。 具体到技术上,也会根据产品线…

大型网站架构演化(十)——分布式服务

随着业务拆分越来越小,存储系统越来越庞大,应用系统的整体复杂度呈指数级增加,部署维护越来越困难。由于所有应用要和所有数据库系统连接,在数万台服务器规模的网站中,这些连接的数目是服务器规模的平方,导…

网站性能测试的方法

性能测试是一个总称,具体可细分为性能测试、负载测试、压力测试、稳定性测试。 性能测试 以系统设计初期规划的性能指标为预期目标,对系统不断施加压力,验证系统在资源可接受范围内,是否能达到性能预期。 负载测试 对系统不断地…

分享asp.net 网站部署一段时候后无法响应经验

站点的后台服务端全部用的是自定义的httpHandler实现的,前端通过ajax调用。.net版本是4.0。发布到正式环境(win server 2003,IIS 6.0)后,一切正常,但是过一段时间后所有自定义的httpHandler都无法访问,提示…