前言

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

Wafer 2.0

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

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

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

開通環(huán)境

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

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

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

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

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

上傳測試代碼

1. 點擊界面右上角的【騰訊云】圖標，在下拉的菜單欄中選擇【上傳測試代碼】。

2. 選擇【模塊上傳】并勾選全部選項，然后勾選【部署后自動安裝依賴】，點擊【確定】開始上傳代碼。

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

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

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