文章目錄

前言

作為一個程序開發的老鳥，有時候想使用微信小程序，開發實現一(yi)些實用的(de)(de)小功能。由于小程序往往需要(yao)有后臺數據(ju)的(de)(de)支持，所以一(yi)般還需要(yao)搭(da)建一(yi)個Server服(fu)務器，來(lai)供小程序訪(fang)問進行數據(ju)交互(hu)。

對于前(qian)端(duan)微(wei)信小程序的(de)開發，可以參考微(wei)信官方(fang)(fang)文檔；而對于服務(wu)端(duan)，可以有多種語(yu)言平(ping)臺(tai)的(de)實(shi)現和(he)搭建(jian)方(fang)(fang)案。網上(shang)(shang)搜索到有多種方(fang)(fang)式，甚至(zhi)有一些也十分方(fang)(fang)便和(he)低成(cheng)本。而我(wo)優先想到的(de)，是(shi)使用公(gong)網上(shang)(shang)的(de)虛(xu)擬主機，搭建(jian)Web服務(wu)。主要原因是(shi)：

服(fu)務(wu)(wu)(wu)端(duan)可以(yi)更靈(ling)活，部(bu)署(shu)想要的(de)數據庫(ku)和Web服(fu)務(wu)(wu)(wu)，甚至部(bu)署(shu)調用其(qi)他需要的(de)服(fu)務(wu)(wu)(wu)。對(dui)服(fu)務(wu)(wu)(wu)的(de)整(zheng)個交互(hu)過程能了解得比較清晰和更加可控；遇(yu)到問題可以(yi)更好進行排查和優(you)化。最后一點也是蠻重要的(de)，作為(wei)老鳥，對(dui)很多(duo)新的(de)開(kai)發語言(yan)框架確實一時間上手并不那么快(kuai)，希望使用自己(ji)多(duo)年擅長(chang)的(de).Net，Java等平臺（流淚 T_T）。

搜索了網上(shang)現有的(de)(de)微信小程(cheng)序+使用(yong).Net或Java搭建服務(wu)的(de)(de)方案教程(cheng)，發(fa)現非常(chang)少，而且講的(de)(de)也不系統(tong)具體。所以自(zi)己研究測試了一些例子，服務(wu)端(duan)使用(yong)C#.Net，加上(shang)阿里云部署虛(xu)擬主機，給大家(jia)來做一個詳(xiang)細(xi)的(de)(de)指引教程(cheng)。

六一(yi)(yi)(yi)節快到了，那么本專題就以給小朋友開發一(yi)(yi)(yi)個學習(xi)的小程序，讓家里的寶(bao)寶(bao)在玩手機的時候，也能學習(xi)到一(yi)(yi)(yi)些啟蒙詞匯(hui)。

案例說明

作為本指引(yin)專題(ti)的案(an)例，我(wo)們(men)要實(shi)現(xian)的是一個叫(jiao)《寶(bao)寶(bao)卡片屋》的小程序。大家可以先掃碼體(ti)驗(yan)一下功能：

程序主要將寶(bao)寶(bao)啟蒙教(jiao)育中的(de)(de)紙(zhi)(zhi)質識物學(xue)習(xi)小卡(ka)片，做成(cheng)線上(shang)的(de)(de)形式。一方面可以(yi)讓詞(ci)語(yu)和實物圖片對照(zhao)顯示，另一方面還可以(yi)詞(ci)語(yu)發音，比起紙(zhi)(zhi)質卡(ka)片有(you)了(le)更好(hao)的(de)(de)學(xue)習(xi)體驗。

運行程(cheng)序后，主(zhu)界面左側(ce)顯(xian)示(shi)了各(ge)種卡片(pian)大類，點擊一個大類后，右(you)側(ce)將切換顯(xian)示(shi)對應(ying)的卡片(pian)子(zi)類。

點(dian)擊(ji)進(jin)入子(zi)類，程序(xu)界面將逐張卡(ka)片顯示圖片和對(dui)應的中(zhong)文(wen)、英文(wen)詞語(yu)。點(dian)擊(ji)詞語(yu)按鈕可(ke)以發音朗讀。如果點(dian)擊(ji)左右箭頭(tou)按鈕，則可(ke)以向前向后切換卡(ka)片。

以上就是(shi)小程序(xu)要實現的主(zhu)要功能(neng)。接下(xia)來的專(zhuan)題系(xi)列文章，我們(men)將(jiang)詳細講解開發這個程序(xu)，其中涉及的內(nei)容包括：

微信(xin)小(xiao)程(cheng)序的(de)開通；阿里云(yun)虛擬主(zhu)機的(de)開通；開發環境(jing)準備(bei)；微信(xin)小(xiao)程(cheng)序功(gong)(gong)能實現；使用C#開發Web服務端和SQL Server數據庫建立；阿里云(yun)虛擬主(zhu)機部署服務和配置(zhi)訪問；發音(yin)功(gong)(gong)能的(de)實現；…… 專題文章鏈接

最詳細的【微信小程序+阿里云(yun)Web服務(wu)】開(kai)發部署指引（一(yi)）：準備開(kai)始

最詳(xiang)細(xi)的【微信小(xiao)程(cheng)序+阿里云Web服務】開(kai)發部署指(zhi)引（二）：注(zhu)冊微信小(xiao)程(cheng)序

最詳細(xi)的【微信小程(cheng)序+阿里(li)(li)云(yun)Web服(fu)務】開發部署指引(yin)（三(san)）：開通阿里(li)(li)云(yun)主機

最詳細的【微信小程序+阿(a)里(li)云Web服務(wu)】開(kai)發部(bu)署指(zhi)引（四(si)）：搭建服務(wu)端數據庫

最詳細的(de)【微信小程序(xu)+阿里云Web服(fu)務】開發部署指(zhi)引（五）：實現服(fu)務端(duan)調(diao)用(yong)邏輯(ji)

最詳細的【微(wei)信小程序(xu)+阿里云Web服(fu)務】開發部署(shu)指(zhi)引(yin)（六）：開發微(wei)信小程序(xu)的準備

最詳細的【微信小程序+阿(a)里云Web服務】開發部署指引（七）：小程序項目中的文件資源

最詳(xiang)細的【微(wei)信小程序+阿(a)里云Web服務】開發(fa)部(bu)署指(zhi)引（八）：開發(fa)小程序卡片類型呈現功能

最詳細(xi)的【微信小(xiao)程(cheng)序+阿里云Web服務】開(kai)發部署指引（九）：開(kai)發小(xiao)程(cheng)序卡片(pian)瀏覽功(gong)能

最詳細的【微(wei)信小(xiao)程(cheng)序+阿里云Web服務(wu)】開發部署(shu)指(zhi)引（十）：實(shi)現(xian)發音朗讀

最詳(xiang)細的【微信小(xiao)(xiao)程序+阿里云Web服(fu)務】開發(fa)部署指引（十一）：開發(fa)小(xiao)(xiao)程序設(she)置(zhi)功能

最詳細的(de)【微信小程序+阿里云Web服務】開發部(bu)署指引（十二）：開發小程序用(yong)戶反饋功能

最詳細的【微信(xin)小程(cheng)序+阿(a)里云Web服務】開發部署指引（十三）：小程(cheng)序底部菜單

最(zui)詳(xiang)細的(de)【微信小(xiao)程(cheng)序+阿里(li)云Web服務(wu)】開(kai)發(fa)部署指引（十四）：發(fa)布(bu)小(xiao)程(cheng)序

最詳細的(de)【微信小程序+阿里云Web服務(wu)】開發(fa)部署指(zhi)引(yin)（十五）：結語(yu)