前言

臨近 2017 年末尾了，距離微信小程序上線也已經(jīng)一年多了，隨著微信在上半年放開了個(gè)人申請(qǐng)微信小程序的限制，越來(lái)越多的開發(fā)者選擇開發(fā)微信小程序而不是開發(fā)一個(gè) App 或者 Web 頁(yè)面。騰訊云微信小程序解決方案也成為了越來(lái)越多開發(fā)者開發(fā)小程序的選擇，本文就來(lái)介紹一下如何基于 Wafer 2.0 來(lái)搭建自己第一個(gè)小程序。

Wafer 2.0

2016 年騰訊云就基于微信小程序開放的 API，集合騰訊云的 IaaS 能力發(fā)布了 Wafer 1.0 版本的小程序解決方案，Wafer 1.0 更多的面向企業(yè)，為企業(yè)提供了負(fù)載均衡、兩臺(tái)云服務(wù)器（會(huì)話和業(yè)務(wù)邏輯分離）、云數(shù)據(jù)庫(kù)等一站式部署的服務(wù)，但是復(fù)雜的架構(gòu)需要開發(fā)者有一定的運(yùn)維能力。

基于這個(gè)問(wèn)題，騰訊云團(tuán)隊(duì)聯(lián)合微信團(tuán)隊(duì)打造了 Wafer 2.0 解決方案，將騰訊云的能力集成進(jìn)微信開發(fā)者工具，并提供更加簡(jiǎn)單的業(yè)務(wù)架構(gòu)，直接為開發(fā)者提供后端代碼的運(yùn)行環(huán)境，開發(fā)者無(wú)需擔(dān)心運(yùn)維、部署的問(wèn)題，只需完成開發(fā)，通過(guò)微信小程序開發(fā)者工具就可以完成部署代碼、調(diào)試代碼、重啟服務(wù)等操作。

Wafer 2.0 提供了兩套環(huán)境：開發(fā)環(huán)境和生產(chǎn)環(huán)境。開發(fā)環(huán)境和生產(chǎn)環(huán)境的代碼運(yùn)行環(huán)境完全一致，但是只用于開發(fā)，開發(fā)者可以直接通過(guò)微信小程序開發(fā)者工具部署、調(diào)試代碼。而生產(chǎn)環(huán)境則不同，當(dāng)開發(fā)者在開發(fā)環(huán)境完成開發(fā)和調(diào)試之后，可以將代碼上傳到生產(chǎn)環(huán)境，并到 騰訊云控制臺(tái) 部署代碼，生產(chǎn)環(huán)境才是用來(lái)開放給用戶的線上服務(wù)環(huán)境。

開通環(huán)境

要使用騰訊云開發(fā)小程序解決方案，需要先開通環(huán)境，你可以先開通開發(fā)環(huán)境，等待開發(fā)完成之后再開通生產(chǎn)環(huán)境，不過(guò)需要注意的是，生產(chǎn)環(huán)境的域名需要實(shí)名認(rèn)證和備案哈~

開通開發(fā)環(huán)境

1. 騰訊云微信小程序解決方案需要綁定微信小程序賬號(hào)才能開通和使用，所以第一步就是關(guān)聯(lián)賬號(hào)：
2. 打開 微信公眾平臺(tái) 注冊(cè)并登錄小程序，單擊左側(cè)菜單欄中的【設(shè)置】。
3. 單擊右側(cè) Tab 欄中的【開發(fā)者工具】。
4. 單擊【騰訊云】，進(jìn)入騰訊云工具頁(yè)面，單擊【開通】。
5. 使用小程序綁定的微信掃碼之后會(huì)跳轉(zhuǎn)到騰訊云賬號(hào)頁(yè)面
6. 您可以選擇關(guān)聯(lián)或新注冊(cè)一個(gè)騰訊云賬號(hào)，開通之后會(huì)自動(dòng)進(jìn)入騰訊云微信小程序控制臺(tái)，顯示已關(guān)聯(lián)賬號(hào)，此時(shí)可以進(jìn)行后續(xù)操作。

下載開發(fā)者工具并創(chuàng)建項(xiàng)目

下載并安裝最新版本的 微信開發(fā)者工具 ，使用小程序綁定的微信號(hào)掃碼登錄開發(fā)者工具，點(diǎn)擊【小程序項(xiàng)目】按鈕。輸入小程序 AppID，項(xiàng)目目錄選擇一個(gè) 空的目錄 ，接著選擇【建立騰訊云 Node.js 啟動(dòng)模板】（如果要使用 PHP 環(huán)境，則選擇【建立騰訊云 PHP 啟動(dòng)模板】），點(diǎn)擊確定創(chuàng)建小程序項(xiàng)目。

上傳測(cè)試代碼

1. 點(diǎn)擊界面右上角的【騰訊云】圖標(biāo)，在下拉的菜單欄中選擇【上傳測(cè)試代碼】。

2. 選擇【模塊上傳】并勾選全部選項(xiàng)，然后勾選【部署后自動(dòng)安裝依賴】，點(diǎn)擊【確定】開始上傳代碼。

3. 上傳代碼完成之后，點(diǎn)擊右上角的【詳情】按鈕，接著選擇【騰訊云狀態(tài)】即可看到騰訊云自動(dòng)分配給你的開發(fā)環(huán)境域名。

4. 完整復(fù)制（包括 https:// ）開發(fā)環(huán)境 request 域名，然后在編輯器中打開 client/config.js 文件，將復(fù)制的域名填入 host 中并保存。

5. 保存之后編輯器會(huì)自動(dòng)編譯小程序，左邊的模擬器窗口即可實(shí)時(shí)顯示出客戶端的 Demo。