從購買域名到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.pswp.cn/news/278558.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/278558.shtml
英文地址,請注明出處:http://en.pswp.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