臨近 2017 年末尾了,距離微信小程序上線也已經一年多了,隨著微信在上半年放開了個人申請微信小程序的限制,越來越多的開發者選擇開發微信小程序而不是開發一個 App 或者 Web 頁面。騰訊云微信小程序解決方案也成為了越來越多開發者開發小程序的選擇,本文就來介紹一下如何基于 Wafer 2.0 來搭建自己第一個小程序。
2016 年騰訊云就基于微信小程序開放的 API,集合騰訊云的 IaaS 能力發布了 Wafer 1.0 版本的小程序解決方案,Wafer 1.0 更多的面向企業,為企業提供了負載均衡、兩臺云服務器(會話和業務邏輯分離)、云數據庫等一站式部署的服務,但是復雜的架構需要開發者有一定的運維能力。
基于這個問題,騰訊云團隊聯合微信團隊打造了 Wafer 2.0 解決方案,將騰訊云的能力集成進微信開發者工具,并提供更加簡單的業務架構,直接為開發者提供后端代碼的運行環境,開發者無需擔心運維、部署的問題,只需完成開發,通過微信小程序開發者工具就可以完成部署代碼、調試代碼、重啟服務等操作。
Wafer 2.0 提供了兩套環境:開發環境和生產環境。開發環境和生產環境的代碼運行環境完全一致,但是只用于開發,開發者可以直接通過微信小程序開發者工具部署、調試代碼。而生產環境則不同,當開發者在開發環境完成開發和調試之后,可以將代碼上傳到生產環境,并到 騰訊云控制臺 部署代碼,生產環境才是用來開放給用戶的線上服務環境。
要使用騰訊云開發小程序解決方案,需要先開通環境,你可以先開通開發環境,等待開發完成之后再開通生產環境,不過需要注意的是,生產環境的域名需要實名認證和備案哈~
下載并安裝最新版本的 微信開發者工具 ,使用小程序綁定的微信號掃碼登錄開發者工具,點擊【小程序項目】按鈕。輸入小程序 AppID,項目目錄選擇一個 空的目錄 ,接著選擇【建立騰訊云 Node.js 啟動模板】(如果要使用 PHP 環境,則選擇【建立騰訊云 PHP 啟動模板】),點擊確定創建小程序項目。
1. 點擊界面右上角的【騰訊云】圖標,在下拉的菜單欄中選擇【上傳測試代碼】。
2. 選擇【模塊上傳】并勾選全部選項,然后勾選【部署后自動安裝依賴】,點擊【確定】開始上傳代碼。
3. 上傳代碼完成之后,點擊右上角的【詳情】按鈕,接著選擇【騰訊云狀態】即可看到騰訊云自動分配給你的開發環境域名。
4. 完整復制(包括 https://
)開發環境 request 域名,然后在編輯器中打開 client/config.js
文件,將復制的域名填入 host
中并保存。
5. 保存之后編輯器會自動編譯小程序,左邊的模擬器窗口即可實時顯示出客戶端的 Demo。
原創聲明,本文系作者授權云+社區-專欄發表,未經許可,不得轉載。