微信專案開發與本地除錯、移動除錯(二)
簡單講一下利用微信官方提供的工具--微信web開發者工具,進行微信工程的本地除錯和測試、生產環境的除錯。
本地除錯, 利用自己申請的訂閱號的公眾平臺測試賬號測試。
1、按照上篇文章中介紹的,設定網頁授權域名,本地啟動服務,做好外網對映。利用花生殼或ngrok做好外網對映,在微信公眾平臺的測試號配置中配置好域名,就可以利用域名訪問本地服務了。我用的是ngrok,挺好用的,推薦大家試一試。
2、關注測試號,用關注的微信登入微信web開發者工具,在工具輸入框中輸入做好外網對映的域名,就可以訪問本地的微信專案了。可以在本地打斷點進行測試後臺程式碼,在Network檢視資源載入情況和請求的執行情況,也可以在工具內的Sources監控js執行情況,除錯頁面效果。
下面講測試環境和生產環境的除錯。
1、與本地除錯一樣,開啟自己要除錯的服務號的公眾平臺,進入“web開發者工具”,繫結自己的微訊號。
2、用自己的微訊號登入微信web開發者工具,輸入服務號的域名,就可以除錯了。但是隻能在工具裡除錯,不能看後臺程式碼了。可以在Network檢視資源載入情況和請求的執行情況,也可以在工具內的Sources監控js執行情況,除錯頁面效果。這些還是可以的,和普通的web專案一樣。
另外,如果是有些獲取access_token、openid等的操作,需要獲取微信使用者的資訊,去授權登入等。可以先在自己微信上登入下,獲取資訊寫入到伺服器中,再去用微信web開發者工具測試。
以上,是使用微信web開發者工具的除錯功能,其餘功能,下次再說。