如何調試一個小程序

❶ 如何直連公網ip調試微信小程序

在開發小程序時，很可能還沒有公網伺服器，沒有域名，也沒有https。只能在公司內網體驗小程序。
這時候如果老闆在外面想看看小程序開發進度怎麼辦呢？
你可以這樣辦:

設置不校驗合法域名。。。。。

這樣設置後，小程序已經可以在內網測試體驗了，外網不能。

路由器設置外網ip對內網ip的轉發,大多路由器都有【虛擬伺服器】設置的功能。如下設置

例如內網訪問 http://192.168.1.212:9100/api/XX/xxxx/
映射後外網訪問 http://[你的外網ip]:2020/api/XX/xxxx/

這樣設置後，介面API已經可以外網訪問了，但是在小程序裡面不行。

手機微信 外網打開 體驗版/開發版小程序，這時候發現沒有數據，介面沒訪問。

❷ 微信小程序開發工具使用步驟

1、首先要下載微信官方的微信Web開發者工具。打開微信公眾平台，找到右下方的小程序模塊，點擊「開發」按鈕

2、點擊頂部導航欄的「工具」按鈕，在新頁面的左側欄中找到「下載」。可以看到，開發工具提供Windows32位、Windows64位和Mac三個版本。可根據實際情況，選擇適合自己電腦的開發工敗肢具。

3、安裝後，就可以直接啟動開發者工具。如果是首次啟動開發者工具，則需要使用開發者的微信號掃碼登錄。登陸後，點擊「添加項目」按鈕，填寫APPID（如果沒有，則點擊無APPID）和項目名稱。接著，在項目燃畢目錄中點擊「選擇」，新建一個文件夾作為新的項目目錄。然後再次點擊「添加項目」，就可以新建出一個微信小程序項目了。

4、微信小程序開發者工具共分成「編輯」、「調試」和「項目」三個部分。

編輯：編輯和修改小程序的代碼。

調試：顯示小程序代碼錯誤和警告，便於調試代碼錯誤。

項目：用於查看小程序的屬性、修改小程序配置，以及提交小程序代碼至微信伺服器。

開發工具還提供簡單的模擬器（頁面左側），開發者可以使用模擬器在電腦上模擬用戶點擊及使用，提供後台情況模擬、多媒體播放器調試、緩存數據處理等功能。

5、懂技術的程序員到這一步就可以自己開發了。而不懂編程的小白，可以登錄微信小程序開發平台「即速應用」官方網站進行小程序的製作。裡面有大量的小程序模板，根據自己的需求選擇一個模板進行製作即可。

6、製作完成後，點擊「生成按鈕」。然後選擇「察段世小程序打包」，下載小程序的標准代碼包。

7、回到在微信Web開發工具中，在「項目目錄」這一欄選擇下載好的代碼包，打開後就可以看到小程序的預覽效果了。

8、在「項目」頁面中，開發者可以查看小程序的基本屬性，也可以進行真機預覽調試，或向微信伺服器提交一個新版本的小程序代碼。伺服器收到代碼後，管理員就可以通過公眾平台，將新版本提交審核了。

❸ 如何使用微信web開發者工具調試程序

跟風體驗了下微信小程序的開發流程，發現官方的微信 web 開發者工具並不支持在代碼中打斷點。

用了一陣子 console.log 之後覺得好麻煩，突然想起還有一招：

debugger;

果然沒猜錯，能設置 Watch 還有查看 Call Stack 什麼的。這下終於不用反復打 console.log 了。

還可以包裝一下這個函數，增加一些類似 assert 的語法，簡單的條件斷點就實現了，進一步提升開發效率。

❹ 微信小程序本地調試的方法，小程序如何本地調試

對於那些不需要調用類似用戶登錄這些必須要appid的功能，我們可以直接在創建項目的時候，不填appid，這樣小程序就不受合法域名的限制，可以直接訪問我們區域網內部的後台。
而對於用戶登錄、微信支付等這些api，必須要appid，也必須通過騰訊的伺服器，這時候我們就必須讓我們的後台能被外網訪問到，而且在合法域名配置裡面，只能是https。一般我們在開發時，肯定都已經買好了外網伺服器(比如阿里雲ecs)，配置什麼的也不是本文重點，本文假設你已經有一台ecs，備案、ssl證書什麼的都搞定了。