微信小程序開發系列——3. 騰訊雲服務器配置

摘要:本文說明了在騰訊雲服務器上通過“微信小程序專用解決方案”搭建、部署後端服務器及基礎服務的過程。

瞭解了基本的開發工具以後,我們開始配置服務器相關的信息,要完成後端服務器的配置,整體流程是這樣的:

這裏寫圖片描述

騰訊雲針對上述痛點,爲開發者們提供了一個微信小程序的雲端腳手架,稱爲“微信小程序專用解決方案”,通過對雲端代碼的簡單修改,就可以實現自己複雜的線上業務邏輯。

一句話來說,你可以在半小時內直接搭建好後端所有的服務,只要去騰訊雲官網購買他們家的“微信小程序專用解決方案”!

他們官方宣傳的特點是這樣的:

  • 微信小程序專用解決方案
    圍繞微信小程序特性打造的一站式解決方案,是小程序的服務器推薦服務商,也是原生案例的提供者。

  • 一鍵購買配置模式
    購買後自動分配並初始化雲端資源,一鍵完成域名註冊、解析及 SSL 證書部署。

  • 專業支持安全可靠
    原生支持 HTTPS/WSS,配備 BGP 高防、域名智能解析及防劫持等多重安全防護體系,爲小程序保駕護航。

  • 豐富的 DEMO 及 SDK 案例
    針對小程序特性,提供不同類型的 DEMO 及 SDK 案例,幫助用戶高效完成小程序開發。

接下來我們開始利用他們的“專用服務”開始配置,在配置前請準備好

  1. 微信開發者賬號一個,如果沒有申請,登錄微信官網申請。
  2. 確認微信客戶端web開發工具已經安裝好,如果沒有安裝,點這裏
  3. 遠程登錄雲服務器軟件,如Xshell, Putty等。Xshell可以在官網下載並安裝。

1. 創建服務

首先訪問騰訊雲-微信小程序資源頁,創建服務
這裏寫圖片描述

填寫完信息,收到了開通的信息後,開始正式開通小程序。注意,如果沒有AppID,需要首先點右邊的“申請AppID”,去微信公衆號頁面註冊並申請個人認證,然後才能得到微信小程序的開發者權限。
這裏寫圖片描述

騰訊云爲我們提供了多種可選的語言,選擇一個我們自己最爲熟悉的語言,這樣我們可以對騰訊雲提供的服務進行定製化的修改,這裏我選擇的是NodeJS。確認自己要創建的資源,掃碼支付後,騰訊雲會創建解決方案所需要的所有資源。

在選擇好後,點擊立即創建,然後進入等待創建的界面

這裏寫圖片描述

我們可以看到,騰訊云爲我們一鍵創建了多種雲服務/比如負載均衡、業務雲服務器、會話管理雲服務器、雲數據庫等,還貼心的幫我們申請了一個免費的HTTPS證書,幫助我們來快速調試,免得我們沒有SSL證書,免去申請證書的麻煩。

在等待大約10-20分鐘後,我們就可以看到提示:

這裏寫圖片描述

左側的總覽頁面裏,顯示的就是騰訊雲微信小程序解決方案爲我們創建的所有云資源

這裏寫圖片描述

2. 配置小程序

接下來,我們就可以開始進行微信小程序的配置了。

首先,我們要登陸微信小程序後臺來修改域名配置

這裏寫圖片描述

注意,小程序通信域名每個人是不一樣的,自己的域名可以在配置指引中看到。

這裏寫圖片描述

設置完成後,我們可以稍等幾分鐘重啓微信開發者工具生效。

配置本地源碼

接下來配置本地源碼,安裝微信小程序開發者工具,並下載官方Demo到本地。

這裏寫圖片描述

在開發者工具中創建一個新的項目。AppID使用在微信公衆號設置—開發設置中,可以看到已經申請並認證好的AppID,複製過來就可以。項目目錄選擇我們剛剛下載的源碼的目錄,然後點擊添加項目,進入項目頁面。注意:在這裏必須填寫AppID,否則後面連接服務器的請求無法完成。

這裏寫圖片描述

打開開發者工具中的官方Demo後,在項目目錄中可以看到根目錄有app.js, app.json, config.js等很多文件,在這裏找到config.js文件,它是我們本地的配置文件,雙擊並進行修改。

這裏寫圖片描述

將其中

var host = '65169084.qcloud.la';

中的域名改爲微信小程序解決方案資源視圖中的“二級域名與證書“中的那個域名,注意,這個域名和你在微信公衆號那個網站填的服務器配置是基本一樣的。

修改完成後,保存,點擊左側的調試,進入調試界面,點擊其中的預覽,並掃碼,就可以進入真機測試了!接下來,來看看我們的微信小程序做出的成品吧!

這裏寫圖片描述

在這個官方Demo中,前端和後端通過配合實現了WebSocket長鏈接通信,使用賬號登錄、發送帶會話的請求和WebSocket信道服務測試,如果都成功了,結果如圖所示,如果在哪裏失敗了,可以參考騰訊官方提供的配置視頻文件,重新配置一遍。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章