做為嵌入式行業(yè)的從業(yè)者，最近經常聽到PAAS，SAAS等和”云”相關的概念，被整的一頭霧水。很多時候咱們的物聯(lián)網硬件設備都會有一個云平臺，用于設備管理或者UI應用展示等功能，這通常是由專門的前后端工程師配合美工一起完成。作為一個門外漢，我計劃簡單學一下這方面的基礎知識，以后也好和別人瞎侃，免得出現(xiàn)插不上話的尷尬。

先簡單說說什么是前端和后端，以我們每天使用的百度為例，你在瀏覽器，就顯示了如下呈現(xiàn)在你眼前的界面，這就是前端

比如你在搜索框里輸入黑洞，然后點擊百度一下，真的出現(xiàn)了一個黑洞，

是不是很炫，這就是前端干的事。前端指的是用戶可見的界面，網站前端頁面也就是網頁的頁面開發(fā)，比如網頁上的特效、布局、圖片、視頻，音頻等內容。前端的工作內容就是將美工設計的效果圖的設計成瀏覽器可以運行的網頁，并配合后端做網頁的數據顯示和交互等可視方面的工作內容。

當然要實現(xiàn)這效果，也不是單單前端自己就完成了，背后離不開后端的支持，你百度的那一下，后端是做了很多工作的。后端是指用戶看不見的東西，通常是與前端工程師進行數據交互及網站數據的保存和讀取，相對來說后端涉及到的邏輯代碼比前端要多的多，后端考慮的是底層業(yè)務邏輯的實現(xiàn)，平臺的穩(wěn)定性與性能等。

那么前端、后端一般用什么編譯語言呢？

前端開發(fā)用到的語言主要是html、css、javascript，其他相關的還包括jquery、Bootstrap、ReactJs，VueJs等技術。

后端開發(fā)，用的編程語言包括java，python，go，還有c＋＋，不同的語言都有自己的主流框架，比如java的框架有spring boot。java最多相關組件最完善，python最快最輕，go最新。大公司一般用Java。新上手可以用python快速上手，門檻最低。

剛聽到上面一堆名詞，我也是云里霧里，不過沒關系，咱們先入門，慢慢學。

我們先實現(xiàn)一個簡單的功能，在瀏覽器里輸入一個地址，顯示一個最簡單的網頁，網頁里的內容是Hello World。

第一步，我們先新建一個hello．html，在Nodepad＋＋或者Vscode里編輯

＜！DOCTYPE html＞＜html＞＜head＞＜meta charset＝＂utf－8＂＞＜title＞第一個html例子＜／title＞＜／head＞＜body＞    Hello World�。迹痓ody＞＜／html＞其中： ＜！DOCTYPEhtml＞ 聲明為 HTML5 文檔＜html＞ 元素是 HTML 頁面的根元素＜head＞ 元素包含了文檔的元（meta）數據，如＜metacharset＝＂utf－8＂＞定義網頁編碼格式為 utf－8。

＜title＞ 元素描述了文檔的標題

＜body＞元素包含了可見的頁面內容大家可以到菜鳥教程里學習html，里面介紹的非常詳細。之后你用瀏覽器就可以直接打開了，HTML稱為超文本標記語言，是不需要編譯的，HTML 運行在瀏覽器上，由瀏覽器來解析

在瀏覽器的頁面上使用鍵盤上的 F12 按鍵開啟調試模式，就可以看到背后的實現(xiàn)。

下一步我們實現(xiàn)通過瀏覽器輸入本機的IP地址來訪問，先把Python裝起來，輸入：python －m SimpleHTTPServer 8083快速搭建一個http服務。這是python自帶的功能。

如果提示python找不到，修改下環(huán)境變量，添加上python的安裝路徑即可。然后瀏覽器輸入IP加端口即可訪問，

把hello．html改為index．html，就可以直接顯示出來了，

如果你有阿里云服務器，同樣的做法，就可以遠程訪問部署在阿里云上的網頁。這樣在任何一臺可以上網的電腦上都可以遠程訪問該頁面。剛開始我的阿里云一直訪問不上，后來找到原因是安全規(guī)則設置的問題，登錄阿里云配置一下，就可以了。

覺得有用，就點個贊或者在看吧。