从购买域名到nginx,flask搭建自己的网站

                             搭建一个只属于自己的网站?


一、注册域名(可选*)

1.注册阿里云账号

网址:登录(注册)

2.购买域名阿里云域名注册

有一元域名、免费域名等。
购买过程中需要创建信息模板(必须完成邮箱真实性验证的模板才能购买域名,在购买域名过程有超链接可以点进去填写)。
之后买服务器时还要学生认证(要登录学信网的密码,认证后可以优惠购买服务器,也可以购买其他网站的服务器)

支付成功

3.域名查看

支持支付宝支付。支付成功后点击域名控制台,可以看到刚刚买到的域名。

二、购买服务器

学生认证及购买

服务器即是一台永远开机远程系统,分windows,Linux,Unix,NetWare四种。 一般Linux高效但需要一些Linux基础,所以萌新建议先拿Windows练练手。
地址:阿里云云翼计划(需要登录/注册阿里云账号,并且学生认证—学信网)购买服务器

三、设置安全组

1.进入安全组

进入阿里云个人中心,查看自己的服务器,点网络与安全,点击安全组,配置规则。

          点击安全组在这里插入图片描述

2.配置选择(入方向、出方向对应):在这里插入图片描述


四、域名解析

1.复制公网IP

返回服务器列表并复制服务器的公网IP(对整个世界开放的IP)复制服务器公网IP

2. 点击域名解析

从阿里云个人中心进入域名控制台,或者点击阿里云图标,点击已开通的项目,点击域名,然后找到自己的域名进行解析。
在这里插入图片描述点击解析

3. 解析至服务器

简述
将域名解析(地址指向)至你的服务器公网IP,这样当别人在地址栏访问你的域名时,域名就被解析为服务器IP,就能访问到服务器了(最终目的是访问到服务器,所以直接在地址栏输入服务器公网IP也可以,这也是注册域名可选的原因,但域名更富有个性化,容易记忆)详情

五、在服务器安装必备软件

(这里使用的是 nginx + flask + python 搭建)

1.登录到自己的服务器(远程电脑,Windows版)

  • 通过阿里云服务器启动(网页版)

  • 使用电脑自带远程桌面连接功能

  • 其他远程登录软件

    搜索栏 → 远程桌面连接 → 输入服务器公网IP(密码)→ 连接成功

2.安装服务器软件和必须软件

在这里需要安装至少一个服务器监听软件,这里安装两个:nginx,flask,以及一个编程语言Anaconda包(Anaconda包含python,或者直接安装python)和编程环境pycharm(自带flask)。
百度网盘地址:web搭建工具
提取码dfjf


简要说明

  • nginx 服务器用于监听域名(或IP)及端口号(可配置),做出对应操作(指向某个网页→自己处理,或者 指向另一个服务器所监听的地址及端口号→自己不做最终处理,作为代理)。
  • flask 服务器也在监听某个地址和端口(默认5000,均可配置),指向自己的项目(自己的主页面)
  • 流程:用 pycharm 编译器和 flask 框架构建好自己的网页后保存到服务器(电脑里),当有人访问你的域名(服务器公网IP)时,域名被解析为服务器公网IP地址,指令访问到服务器(电脑),被 nginx 服务器监听到,做出操作,将地址转向能被 flask 服务器监听到的新地址, flask 服务器监听到指令,将地址指向本机网页地址,将内容返回给浏览器实现访问。

六、具体操作实现 hello son!

A、nginx:

1.关闭服务器防火墙

要关闭服务器的防火墙,否则可能不能被访问到
任务栏搜索 ‘防火墙和网络保护’,打开窗口后关闭所有防火墙(有没有其他办法不用关??)
在这里插入图片描述

2.打开nginx配置文件

全部安装好后,解压nginx,打开nginx文件夹目录下的conf文件夹,以记事本方式打开nginx
在这里插入图片描述

3.配置nginx服务器

?在80端口处,添加:proxy_pass http://127.0.0.1:5000; ❗分号、空格不能少。
并用 # 注释下一行,至此添加了监听IP为localhost端口号为80的地址。
当电脑(localhost)接收到端口号为80的请求后,将请求转发给监听127.0.0.1端口为5000的服务器。以http:// 开头的地址默认为80端口。以https:// 开头的地址默认为443端口。在这里插入图片描述


?在443端口(最后一行)进行如下修改,证书一行可先不写。
在这里插入图片描述

4.启动、关闭nginx

?启动时需要在nginx主目录下,在此输入cmd 回车启动
在这里插入图片描述


?输入 nginx.exe 启动,没有报错说明启动成功,如果报错则查看刚修改的nginx配置文件是否有误。
在这里插入图片描述


?关闭输入 nginx.exe -s stop,需要在此目录下重新打开一个cmd,也可以打开任务管理器进行关闭(要先关闭子进程——靠下)
在这里插入图片描述

B、flask:

1.打开pycharm,新建 flask项目

在这里插入图片描述

2.简单修改

新建flask项目后,自动生成如下界面并做简单修改:
在这里插入图片描述

3.运行flask

右键app.py选择Run,看到这样的界面:
在这里插入图片描述
至此,flask框架已经搭建好了,服务器也被启动了,监听5000端口。在任何电脑、手机(配置服务器安全组时需要加入m)访问你的域名时,将会出现:在这里插入图片描述

4.不打开pycharm,直接运行app.py

⚪第一次需要配置python环境变量
任务栏搜索‘编辑系统环境变量’ → 环境变量 → 找到path编辑 → 在最前面粘贴python安装路径并加上英文分号‘;’
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述


⚪查看项目路径
找不到app.py位置可以这样找
在这里插入图片描述


⚪在此文件夹地址栏下输入cmd,输入 python app.py 直接启动服务,无需打开pycharm占用内存,
第一个网站终于建好了?

七、域名SSL证书购买、下载、配置(可选*)

1.购买

阿里云域名ssl证书购买


2.申请

购买后进入证书控制台,申请证书
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

3.下载并解压

验证成功后下载证书,服务器类型为 nginx。保存到找得到的地方,最好放在nginx文件目录下。
然后打开压缩包解压至conf文件夹目录下

4.配置nginx文件

在conf目录下有nginx文件,以记事本打开,在80端口和443端口加入如下证书验证(只给出443):
在这里插入图片描述

5.查看效果

在这里插入图片描述

?未ssl认证:
在这里插入图片描述


八、域名备案(可选*)

  • 防止你用域名干坏事,所以三个月以上的域名都是要备案的,否则无法通过域名访问到你的服务器,需要用三个月以上的服务器来给域名做备案,一个服务器可以同时备案多个域名,具体几个要看具体服务器的说明。

  • 这个步骤不但繁琐时间还长,所以一定要有耐心,期间需要用到身份证拍照、信息填写、人脸识别认定、下载钉钉认定、电话认定…等待20天以内…

  • 阿里云备案链接

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

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

相关文章

alexa语音实现_如何通过语音删除Alexa录音

alexa语音实现Amazon亚马孙Amazon is rolling out new privacy features today for Alexa. In addition to an educational “privacy hub,” the company lets you delete your stored recordings by voice. But it’s off by default; you’ll need to flip a switch. 亚马逊…

linux如何查看所有的用户(user)、用户组(group)、密码(password/passwd)

linux如何查看所有的用户和组信息_百度经验https://jingyan.baidu.com/article/a681b0de159b093b184346a7.html linux添加用户、用户组、密码_百度经验https://jingyan.baidu.com/article/335530da8b7e0419cb41c3e5.html 给用户开通sudo权限 xxx is not in the sudoers file.Th…

angular之两种路由

安装angular npm install -g angular/cli ng new myapp ng g component componentName 自带路由 引入&#xff1a;angular-route.js <div ng-controllerctr1><a href#home>首页</a> <a href#mine>我的</a> <div ng-view></div><d…

用scrapy框架写爬虫

爬虫可以发送给引擎的两种请求&#xff1a; # 1、url&#xff1a;# &#xff08;爬虫&#xff09;yield scrapy.Request -> 引擎 -> 调度器&#xff08;发送给调度器入队&#xff09; -> 引擎&#xff08;调度器出队请求于引擎&#xff09;# -> 下载器&#xff08;…

audacity_如何在Audacity中快速编辑多个文件

audacityGot a bunch of files that need to be edited the same way? You can automate the process to save time and effort using Audacity’s Chain feature and modify tons of files at the same time. 有一堆需要以相同方式编辑的文件&#xff1f; 您可以使用Audacity…

通过api管理grafana

1. 生成api key 参考&#xff1a; http://docs.grafana.org/http_api/auth/ 2.点击添加后&#xff0c;生成了个获取一个deshboards的api样例 3.放到linux上运行测试&#xff0c;结果成功返回。 4. 有些api并不支持使用api key 来连接&#xff0c;如下图中的搜索用户接口&#x…

NFS服务的配置过程

NFS服务的配置过程服务端:1)安装nfs和rcp服务yum install nfs-utils rpcbind -y 因为NFS支持的功能多,不同的功能会使用不同的程序来启动每启动一个功能就会启动一些端口来传输数据,默认NFS读完启动会产生多个进程,多个端口号信息,会随机使用未被使用的端口重启又会变化,所以…

vue项目将token存在(vuex)store和localstorage中

文章目录一、准备工作和token1、准备工作2、介绍token用法二、创建storage&#xff0c;store&#xff0c;request1、src目录&#xff1a;2、封装storage&#xff08;可选&#xff09;3、创建store4、创建request三、配置代理&#xff0c;封装路由router、设置路由守卫&#xff…

安卓手电筒_将价值10美元的手电筒砍入超高亮高级灯中

安卓手电筒If you’re looking for a bright flashlight without paying an arm and a leg this simple hack modifies a cheap $10 flashlight to be as bright as a $95 one. 如果您要寻找一个明亮的手电筒而又不用付胳膊和腿&#xff0c;这个简单的技巧就可以将便宜的10美元…

初识 scrapy 框架 - 安装

前面豆子学习了基本的urllib的模块&#xff0c;通过这个模块可以写一些简单的爬虫文件。如果要处理大中型的爬虫项目&#xff0c;urllib就显得比较low了&#xff0c;这个时候可以使用scrapy框架来实现&#xff0c;很多基本的处理在scrapy里面已经做好了。 首先来安装一下。推荐…

Vue使用Vuex一步步封装并使用store

文章目录一、安装Vuex依赖二、一步步封装store1. main.js中全局引入store仓库&#xff08;下一步创建&#xff09;2. this.$store3. this.$store.state4. this.$store.getters&#xff08;this. $store.state的升级&#xff09;5. this.$store.commit(mutations)6. this.$store…

linux自学(四)之开始centos学习,网络配置

上一篇&#xff1a;linux自学&#xff08;三&#xff09;之开启虚拟机 安装好镜像之后&#xff0c;重启之后需要登录&#xff0c;我这里直接是root账号直接登录的&#xff0c;注意&#xff1a;输入密码的时候不显示。 之后输入ifconfig最常用的命令来查看网卡信息&#xff0c;出…

k8s extender_Windows Home Server的Drive Extender的9种选择

k8s extenderNow that Microsoft has officially killed off the best part about Windows Home Server what can you do? Here are some alternatives for drive extender that you can use if you want to build a WHS of your own. 既然Microsoft正式取消了Windows Home Se…

为什么element的el-backtop会不管用,来看这里

<template>Scroll down to see the bottom-right button.<el-backtop target".page-component__scroll .el-scrollbar__wrap"></el-backtop> </template>把target指向你要产生“回到顶部”按钮的组件&#xff0c; 这个组件一定要是产生滚动条…

如何创建一份springboot的docker镜像

2019独角兽企业重金招聘Python工程师标准>>> FROM centos:7 ENV JAVA_HOME /usr/java/jdk1.7.0_55 ENV MAC_PUBLISH_PATH /home/app ENV LOG_PATH /var/log ENV PATH $JAVA_HOME/bin:$PATH ENV TIME_ZONE Asia/Shanghai COPY jdk-7u55-linux-x64.rpm /opt/ RUN mkd…

Xamarin.Android 开发中遇到旋转屏幕错误

错误信息 : System.NotSupportedException: Unable to find the default constructor on type App5.MyFragment. Please provide the missing constructor. 错误图片&#xff1a; 解决方法&#xff1a;干脆不让他旋转屏幕&#xff0c;当下QQ、微信等app都没有旋转等功能&#…

原生js打印指定节点元素

很简单&#xff08;可粘贴至txt文档后改后缀为html打开看效果&#xff09;&#xff1a; <!doctype html> <html lang"en"> <head><meta charset"utf-8"><title>打印</title><meta name"viewport" conte…

Android社会化分享详解

前言现如今app市场竞争激烈&#xff0c;做app不会放过任何推广自己的app的渠道&#xff0c;如果app中没有社会化分享功能&#xff0c;那真的是OUT了&#xff0c;我们先来看下一些app中的分享界面功能吧。现在主流的分享平台&#xff0c;一般用的都是微信、QQ、微博&#xff0c;…

windows7黑屏修复_如何在Windows 10更新后修复黑屏

windows7黑屏修复RealVector/Shutterstock.comRealVector / Shutterstock.comSome Windows 10 PCs have been rebooting to a black screen after installing the June 2019 cumulative update from Windows Update. This seems scary at first, but luckily there’s a quick …

[sol]250OJ 1~10

下载 转载于:https://www.cnblogs.com/yztblog/p/10208314.html