Mpvue+koa开发微信小程序——腾讯云开发环境的搭建及部署实现真机测试
生活随笔
收集整理的這篇文章主要介紹了
Mpvue+koa开发微信小程序——腾讯云开发环境的搭建及部署实现真机测试
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
為什么寫這篇文章?
之前寫過一篇文章:微信小程序開發錯誤:LoginError {type: “ERR_WX_GET_USER_INFO”}解決方法
有的伙伴在這篇文章中評論為什么手機發不了請求,因此寫這篇文章解釋一下。
之前文章介紹了如何部署過代碼到騰訊云,也搭建過本地開發環境,當時我們的小程序前端請求的都是我們本地后端的接口,因此,真機無法獲取用戶信息等。因為真機的請求,沒法轉發到電腦上,想真機預覽,需要測試環境。
測試環境的配置
經過mpvue+koa開發微信小程序——上傳測試代碼到騰訊云以及騰訊云后臺本地開發環境的搭建這篇文章,我們已經能上傳測試代碼到騰訊云了的,只是我們的請求接口不是騰訊云的接口,而是本地的接口,因此,只需要做以下小修改即可實現真機測試。
1、修改server中的config.js
(1)注釋掉之前為了搭建本地開發環境配置的配置項
(2)修改數據庫密碼(即pass設置為你的小程序ID)
2、修改前端config.js中的請求host
這個地址位于你能連通騰訊云的微信開發者工具的“詳情”按鈕中的“騰訊云狀態”中,如圖:
至此,測試環境搭建完成。
真機測試
上傳代碼到測試服務器
點擊微信開發者工具中的“騰訊云”,上傳測試代碼,非第一次上傳點擊智能上傳即可,上傳成功會有以下提示。
真機查看
點擊預覽,掃描二維碼,這次手機已能獲取到接口信息,以下為本人手機掃描后調試狀態下小程序的截圖:
總結
以上是生活随笔為你收集整理的Mpvue+koa开发微信小程序——腾讯云开发环境的搭建及部署实现真机测试的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Shell脚本(乘法表,直角三角形,等腰
- 下一篇: Vue2.x通用条件搜索组件的封装及应用