【騰訊雲】微信小程序對接騰訊雲的避坑指南

微信小程序在與騰訊雲配置開發環境與生產環境時遇到問題,現總結以下:

一、開發環境與生產環境的解釋:html

開發環境

  • 無償使用
  • 自動分配測試用二級域名:xxxxxxx.qcloud.la
  • 自動部署免費 HTTPS
  • 僅可用於線上調試,不可發佈
  • 代碼部署、運行和數據庫與生產環境徹底分開
  • 與微信開發工具打通,可一鍵部署、調試、重啓和恢復代碼

生產環境

  • 無償使用
  • 用戶需購買或使用已有的騰訊雲域名
  • 自動部署免費 HTTPS
  • 用於線上發佈,不可調試
  • 使用微信開發工具上傳代碼,在騰訊雲控制檯操做部署,上傳和發佈分離,下降誤操做風險

在配置開發環境時,小程序要先受權註冊騰訊雲帳號git

官網說:(錯誤的)
打開 微信公衆平臺 註冊並登陸小程序,按以下步驟操做:
  • 單擊左側菜單欄中的【設置】
  • 單擊右側 Tab 欄中的【開發者工具】
  • 單擊【騰訊雲】,進入騰訊雲工具頁面,單擊【開通】
  • 錯誤 XXXX~~github

正確的方法是:

打開 騰訊雲官網:數據庫

cloud.tencent.com/login?s_url…
小程序

點擊》其餘登陸方式:微信公衆號微信小程序

而後用微信小程序管理員的微信掃碼受權 》而後選擇小程序受權。受權完成後,便可登陸小程序的 騰訊雲開發後臺。微信

進入開發後臺後:在騰訊雲產品搜索框中搜索:微信小程序,便可打開小程管理界面微信開發


二級域名與證書中:123456.qcloud.la  便是小程序 開發環境中 騰訊雲分配的HTTPS二級域名。app

------------------------------微信公衆平臺

如下爲本地設置開發環境:

  1. 打開第二步安裝的微信開發者工具,點擊【小程序項目】按鈕。

  2. 輸入小程序 AppID,項目目錄選擇一個 空的目錄 ,接着選擇【創建騰訊雲 Node.js 啓動模板】,點擊肯定建立小程序項目。

    微信開發者工具


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

    上傳按鈕

  2. 選擇【模塊上傳】並勾選所有選項,而後勾選【部署後自動安裝依賴】,點擊【肯定】開始上傳代碼。

    選擇模塊

    上傳成功

  3. 上傳代碼完成以後,點擊右上角的【詳情】按鈕,接着選擇【騰訊雲狀態】便可看到騰訊雲自動分配給你的開發環境域名:

    查看開發域名

  4. 完整複製(包括 https://)開發環境 request 域名,而後在編輯器中打開 client/config.js 文件,將複製的域名填入 host 中並保存,保存以後編輯器會自動編譯小程序,左邊的模擬器窗口便可實時顯示出客戶端的 Demo:

    修改客戶端配置

  5. 在模擬器中點擊【登陸】,看到顯示「登陸成功」,即爲開通完成,能夠開始你的其餘開發了。

    登陸測試

方法引用1:
https://github.com/tencentyun/wafer2-startup#%E5%BC%80%E5%A7%8B%E4%BD%BF%E7%94%A8

方法引用2:

developers.weixin.qq.com/miniprogram…


BUG修復提示:

發起登陸請求,返回Error: 響應錯誤,{"code":-1,"error":"ERR_REQUEST_PARAM"}

解決方法:

1. 關閉騰訊雲代理登陸,使用微信小程序 AppID 和 AppSecret 登陸:

修改 server/config.js 中的 useQcloudLoginfalse,並填寫上 appIdappSecret 字段(分別爲微信小程序的 AppID 和 AppSecret),從新部署代碼便可。

方法引用:
github.com/tencentyun/…


完成~~~~
相關文章
相關標籤/搜索