Mpvue+koa開發微信小程序——騰訊雲開發環境的搭建及部署實現真機測試

爲什麼寫這篇文章?

之前寫過一篇文章:微信小程序開發錯誤:LoginError {type: “ERR_WX_GET_USER_INFO”}解決方法
有的夥伴在這篇文章中評論爲什麼手機發不了請求,因此寫這篇文章解釋一下。
之前文章介紹瞭如何部署過代碼到騰訊雲,也搭建過本地開發環境,當時我們的小程序前端請求的都是我們本地後端的接口,因此,真機無法獲取用戶信息等。因爲真機的請求,沒法轉發到電腦上,想真機預覽,需要測試環境。
測試環境的配置

經過mpvue+koa開發微信小程序——上傳測試代碼到騰訊雲以及騰訊雲後臺本地開發環境的搭建這篇文章,我們已經能上傳測試代碼到騰訊雲了的,只是我們的請求接口不是騰訊雲的接口,而是本地的接口,因此,只需要做以下小修改即可實現真機測試。
1、修改server中的config.js

(1)註釋掉之前爲了搭建本地開發環境配置的配置項

(2)修改數據庫密碼(即pass設置爲你的小程序ID)

2、修改前端config.js中的請求host


這個地址位於你能連通騰訊雲的微信開發者工具的“詳情”按鈕中的“騰訊雲狀態”中,如圖:

至此,測試環境搭建完成。
真機測試
上傳代碼到測試服務器

點擊微信開發者工具中的“騰訊雲”,上傳測試代碼,非第一次上傳點擊智能上傳即可,上傳成功會有以下提示。

之後便可以真機預覽登錄了!!!

發佈了6 篇原創文章 · 獲贊 7 · 訪問量 3691
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章