經(jīng)常遇到很多客戶都想擁有自己的微信小程序，但是談起來是非常的費勁。      
客戶說：微信小程序嘛，就是一個手機(jī)網(wǎng)站啊，我們不是有手機(jī)網(wǎng)站了嗎？直接復(fù)制過去不就完事了？   
小程序客服：親，不是這樣的，小程序與普通H5手機(jī)網(wǎng)站是有很大的差距的，并且不能直接復(fù)制粘貼的。
客戶說：哪有那么麻煩，很多公司都在送小程序了。      
小程序客服：親，怎么可能送，絕對不可能的。先不談具體的程序內(nèi)容，就服務(wù)器，域名，都是要滿足一定條件才能使用的，并不是隨隨便便解析一個域名，服務(wù)器上面放點程序就可以運行的。
客戶說：算了，不做了！     
小程序客服：。。。。。。
關(guān)于以上問題，今天就來詳細(xì)解釋一下，科普一下，【微信小程序與普通H5web手機(jī)微網(wǎng)站的區(qū)別到底在哪里】，希望諸位客戶看過之后不要在無理取鬧了。       
一、首先我們從視圖層的角度來說，小程序與傳統(tǒng)HTML5還是有明顯的區(qū)別，
主要區(qū)別在于：      
1、開發(fā)工具不同。      
2、區(qū)別于H5的開發(fā)工具+瀏覽器Device Mode預(yù)覽的模式，小程序的開發(fā)基于自己的開發(fā)者工具，可以實現(xiàn)同步本地文件+開發(fā)調(diào)試+編譯+預(yù)覽+上傳+發(fā)布等一整套流程。      
3、開發(fā)語言不同。這點是非常重要的，直接否定客戶所說的復(fù)制粘貼。      
4、小程序自己開發(fā)了一套WXML標(biāo)簽語言和WXSS樣式語言，并非直接使用標(biāo)準(zhǔn)的HTML5+CSS3。      
5、組件封裝不同。      
6、小程序獨立出來了很多原生APP的組件，在HTML5需要模擬才能實現(xiàn)的功能，小程序里可以直接調(diào)用組件。






二、開發(fā)工具不同      
微信小程序的開發(fā)工具，基于MINA框架(現(xiàn)已取消該名稱)，現(xiàn)在官方公布的工具名為微信web開發(fā)者工具。
小程序開發(fā)工具是一種基于Native System系統(tǒng)層的框架，由于并非運行在瀏覽器中，所以JavaScript在web中的一些諸如Document、Window等方法無法使用。

三、服務(wù)器域名配置不同      
1、域名方面：普通H5手機(jī)網(wǎng)站只需要客戶注冊自己的域名并解析即可使用。而微信小程序使用的域名必須備案，必須添加https(有人會說這不是服務(wù)器的？我想說，沒有域名請問怎么申請https？所以我把他歸類到域名的區(qū)別)。      
2、服務(wù)器配置方面：普通H5手機(jī)網(wǎng)站的服務(wù)器要求很簡單，滿足普通H5手機(jī)網(wǎng)站的語言環(huán)境，例如.net環(huán)境、php環(huán)境、jsp環(huán)境等等，再配合域名解析就可以直接訪問了（服務(wù)器放在某些地方可以忽略備案，不解釋。）而微信小程序呢？那是相當(dāng)復(fù)雜的，
第一，滿足程序環(huán)境（跟ptH5一樣），
第二，配置域名的https（說來簡單，但是是需要配置證書的），
第三，服務(wù)器TLS必須>=1.2（啊，這是個什么東西？文章篇幅限制就不做解釋了，請自行百度。）
第四，因為是要備案的，所以服務(wù)器就不能放在某些地方了。

四、從數(shù)據(jù)來源的不同    
1、由于普通H5手機(jī)網(wǎng)站的所有程序，數(shù)據(jù)庫，資源等等統(tǒng)統(tǒng)都在自己的服務(wù)器上。因此，頁面數(shù)據(jù)來源就非常容易處理，直接在模板或者底層處理文件就可以解決。    
2、而微信小程序呢，前端展示頁面全部上傳微信服務(wù)器，具體邏輯文件，數(shù)據(jù)庫，資源等等需要放在自己的服務(wù)器上。因此，需要程序?qū)懗鰧?yīng)接口，沒錯，微信小程序的數(shù)據(jù)來源需要通過自定義接口實現(xiàn)。包括微信小程序的邏輯功能，算法，方法，等等一系列都需要在我們的服務(wù)器上來完成，并返回給小程序，小程序接收數(shù)據(jù)之后再根據(jù)具體條件選擇渲染到頁面。很多客戶的微信小程序需要實現(xiàn)多種功能，這里就需要定制開發(fā)接口了！


寫在最后：    
微信小程序集成了很多原生APP的組件，從體驗和頁面流暢度來說，都會比HTML5要優(yōu)秀很多。    
微信小程序相對于HTML5開發(fā)來說，除了熟悉API需要學(xué)習(xí)成本之外，還要學(xué)習(xí)小程序組件，布局。    
運行的速度方面，傳統(tǒng)HTML5在加載的時候受限于網(wǎng)絡(luò)環(huán)境，需要順序加載HTML、CSS、JS，然后返回數(shù)據(jù)，最后渲染頁面顯示在瀏覽器中。
用戶經(jīng)常需要等待很長時間，體驗會受到影響。相比之下，小程序的兩個線程：Appservice Thread和View Thread會同時進(jìn)行、并行加載，甚至Appservice Thread會更早執(zhí)行，當(dāng)視圖線程加載完，通知Appservice，Appservice 會把準(zhǔn)備好的數(shù)據(jù)用setData的方法返回給視圖線程。小程序的這種優(yōu)化策略，可以減少用戶的等待時間、加快小程序的響應(yīng)速度。