网站开发概述-静态网站部署


你是否也想拥有一个自己的网站呢?

接下来的网站系列我会概述,制作一个静态网站所需要的东西,以及将制作好的项目发布到服务器上的教程。
####### 网站类型:网站呢!它分为静态网站和动态网站,所谓静态网站就是没有后台的,作为静态展示用的网站
动态的,大家一般就理解成有后台支持的,可以通过后台修改网页内容的网站那种(这里的后台指后台管理操作,有数据库支持,能对网站做出更新的功能)

1.开发软件的安装 HBuilder(这款编译器有很强的代码索引功能,写起代码非常轻松)

这里附上HBuilder的安装包地址---腾讯微云---
安装好了之后你就可以开始开发一个静态网站了!一个静态网站基本需要会html的标签语法加上css布局和一定的js水平
如果是小白的话不用担心,可以自学,这里跟一些比较好的自学网站地址
菜鸟教程 W3school

2.网站发布概述

发布网站,想让全国各地的人访问到你的网站,就要把你制作好的网站发布到服务器上(服务器呢它虽然叫服务器,其实它就是一台不关机的电脑,不知道你是否了解远程连接,远程访问,可以这么理解服务器它就是任何用户都可以访问的一台电脑)
嗯!可能解释的有些抽象,但当你有了一台自己的服务器的时候,你会发现我说的非常通俗易懂!哈哈
这时候你会产生疑问,我的项目该放在服务器的哪个地方呢!这里就需要说到应用层服务器,阿帕奇的tomcat,这个东西它能自动解析你的项目,一主默认的主网页都是index.html,它解析过了之后呢,你运行它通常就是出来一个dos界面里面显示几月几月份
然后你通过你服务器公网的ip地址就能直接访问到你的网站了!

3.环境搭建

当你手中有一个比较完善的项目的时候,这时候就需要将web项目进行部署
1.你需要一台服务器来运行你的项目,服务器哪里买呢,中国四大服务器运营商,什么阿里,腾讯,华为,百度,我是买的阿里的,阿里有个云翼计划(活动),对学生优惠9.5一个月服务器,很便宜,可以玩很久.
2.你需要一个域名来解析你的服务器公网ip地址,(这时候可能有人会疑问,什么是域名呢,域名它实际上是一个网址,一般都是万维网www开头的,通过这个域名就能访问你的网站内容,嗯,是不是很容易理解呢)
3.你需要将tomecat或其他..安装到服务器上,并配置jdk环境

4.内网穿透(把自己电脑当成服务器)

比如有些人不想买服务器,或者我没有钱买怎么办呢,在网站教程系列的末尾,
会出一篇关于使用《花生壳内网穿透的教程》,这个原理很容易明白就是把你的电脑ip地址映射到公网上,这样别人就能通过浏览器来访问你的网站,嗯,但是也有弊端,自己的电脑需要一直开着,并且会使它不安全,或者出现上行不够的情况

材料准备:

1.云服务器--以我的服务器为例子

2.tomcat服务器(这时候可能有些人会懵,这两个服务器有啥区别,云服务器呢就是放tomcat的服务器,而tomcat服务器是存放你项目的服务器,它们是一种从属,包含关系)这里附上tomcat的下载连接(自带jdk-我都叫它解压版的tomcat)
tomcat
3.你的项目

远程连接:

第一步,首先要对你的云服务器进行环境部署,那么这极为重要的一步就是要通过远程桌面连接上服务器
1.右键点击开始点击运行(快捷键win+R)在命令行内输入mstsc

2.输入本机计算机用户名(administrator),和需要连接的服务器公网ip地址

3.输入服务器的密码

4.连接成功

项目部署

将下载好的 websever(tomcat)打包复制粘贴到服务器上
解压后把项目放到下图路径内


启动tomcat服务器

出现如上图字样服务器运行成功,此时dos界面不可以关闭,在浏览器内输入公网的IP地址就你能访问的网站
以我的项目演示

此时静态网站发布完成!

总结

一、本机测试
在HBuilder里测试
在WebServer里测试
二、部署到公网服务器
申请一台公网服务器 ( 阿里云/腾讯云/百度云)
远程登录上去,把WebServer.zip拷上去
把网站项目文件拷贝到 webapps\ROOT\下
启动服务

动态网站发布

以后学到微服务,框架自然会了解,这里就简单记录静态网站部署吧!