用二十行不到的代碼手把手教你微信小程式開發！超級簡單！
選擇哪個「小程式」Demo？
第一步：搭開發環境
首先，我們需要在本地搭建好微信「小程式」的開發環境。即下載開發者工具。微信官方已經推出了正式版 IDE，大家沒有必要再去下載破解版了。打開官網下載頁面，根據自己的作業系統選擇。我使用的是 Mac 版。
安裝好之後打開運行，會要求微信掃碼登陸。之後，就可以看到創建專案的頁面了。
選擇添加項目，沒有 AppID 就選無（如果亂寫會報錯，到時可能無法進入項目）。如果你選擇的專案目錄為空，請如圖所示勾選在“目前的目錄中創建quick start項目”。
簡單解釋下目錄結構：
applet（或app）: 「小相冊」應用包代碼，可直接在微信開發者工具中作為專案打開。
server: 搭建的Node服務端代碼，作為伺服器和app通信，提供 CGI 介面示例，用於拉取圖片資源、上傳圖片、刪除圖片。
assets：「小相冊」的演示截圖。
源碼下載完成之後，
「小相冊」源碼分析
在進行部署之前，我們來簡單分析一下「小相冊」的具體代碼。畢竟只看效果不是我們的目的，我們的目的是以「小相冊」為例，瞭解如何開發小程式並與服務端進行交互。
第四步：準備功能變數名稱和配置證書
如果你已經有騰訊雲的伺服器和功能變數名稱，並配置好了 https，那麼可以跳過第 4-6 步。
在微信小程式中，所有的網路請求受到嚴格限制，不滿足條件的功能變數名稱和協議無法請求。簡單來說，就是你的功能變數名稱必須走 https 協議。所以你還需要為你的功能變數名稱申請一個證書。如果沒有功能變數名稱，請先註冊一個。由於我們沒有收到內測，也就暫時不用登錄微信公眾平臺配置通信功能變數名稱了。
第五步：Nginx 配置 https
微信小程式雲端示例鏡像中，已經部署好了 Nginx，但是還需要在 /etc/nginx/conf.d 下修改配置中的功能變數名稱、證書、私密金鑰。
請將紅框部分換成自己的功能變數名稱和證書，並且將 proxy_pass 設置為 Node.js 監聽的埠，我的是 9993。
配置完成後，重新載入設定檔並且重啟 Nginx。
sudo service nginx reloadsudo service nginx restart第六步：功能變數名稱解析
解析生效後，我們的功能變數名稱就支持 https 訪問了。
然後在 Bucket 列表中，點擊剛剛創建的 Bucket。然後在新頁面點擊“獲取API金鑰”。
彈出的頁面中包括了我們所需要的三個資訊：唯一的 APP ID，一對SecretID和SecretKey（用於調用 COS API）。保管好這些資訊，我們在稍後會用到。
最後，在新的 Bucket 容器中創建資料夾，命名為photos。這點後面我們也會提到。
小相冊示例使用 pm2 管理 Node 進程，執行以下命令啟動 node 服務：
pm2 start process.json第九步：配置「小相冊」通信功能變數名稱
接下來，在微信 web 開發者工具打開「小相冊」專案，並把原始檔案config.js中的通訊功能變數名稱 host 修改成你自己申請的功能變數名稱。
將藍色框內的內容修改為自己的功能變數名稱
然後點擊調試，即可打開小相冊Demo開始體驗。
如有侵權請聯繫小編刪除！
在微信小程式中，所有的網路請求受到嚴格限制，不滿足條件的功能變數名稱和協議無法請求。簡單來說，就是你的功能變數名稱必須走 https 協議。所以你還需要為你的功能變數名稱申請一個證書。如果沒有功能變數名稱，請先註冊一個。由於我們沒有收到內測，也就暫時不用登錄微信公眾平臺配置通信功能變數名稱了。
第五步：Nginx 配置 https
微信小程式雲端示例鏡像中，已經部署好了 Nginx，但是還需要在 /etc/nginx/conf.d 下修改配置中的功能變數名稱、證書、私密金鑰。
請將紅框部分換成自己的功能變數名稱和證書，並且將 proxy_pass 設置為 Node.js 監聽的埠，我的是 9993。
配置完成後，重新載入設定檔並且重啟 Nginx。
sudo service nginx reloadsudo service nginx restart第六步：功能變數名稱解析
解析生效後，我們的功能變數名稱就支持 https 訪問了。
然後在 Bucket 列表中，點擊剛剛創建的 Bucket。然後在新頁面點擊“獲取API金鑰”。
彈出的頁面中包括了我們所需要的三個資訊：唯一的 APP ID，一對SecretID和SecretKey（用於調用 COS API）。保管好這些資訊，我們在稍後會用到。
最後，在新的 Bucket 容器中創建資料夾，命名為photos。這點後面我們也會提到。
小相冊示例使用 pm2 管理 Node 進程，執行以下命令啟動 node 服務：
pm2 start process.json第九步：配置「小相冊」通信功能變數名稱
接下來，在微信 web 開發者工具打開「小相冊」專案，並把原始檔案config.js中的通訊功能變數名稱 host 修改成你自己申請的功能變數名稱。
將藍色框內的內容修改為自己的功能變數名稱
然後點擊調試，即可打開小相冊Demo開始體驗。
如有侵權請聯繫小編刪除！