前言
從小程式內測開始，有很多優秀的創意、想法已經在內測階段開發完成。目前小程式開始公測，開放了小程式的申請和註冊，但是還無法正式釋出。那麼我們在未正式釋出之前，能不能在真機上體驗一回微信小程式呢。答案是肯定的。如有微信小程式運營、技術交流的小夥伴們，可以加我的個人微信哈，微訊號：
amwhuang（請備註微信小程式）。
真機體驗截圖
首先，我們先看一下在真機裡微信小程式的手機截圖，如果不明確的跟你說，這是微信小程式的話，估計你也會認為這是一個APP介面。但.....但這是如假包換的微信小程式呀，而且頁面切換非常的流暢。
這張截圖，是在微信開發者工具的開發介面。
教程步驟
我們現在直接進入主題，微信小程式如何在真機體驗測試的教程。
首先，我們要確保已經申請註冊好了微信小程式，如果還未申請註冊的，那接下來的教程內容你可以大概瞭解就行了，不用細讀，浪費你的時間。
填寫AppID
在新增專案時，請填寫AppID，如圖。
此處的AppID，請填寫真實有效的，是在微信小程式官網後臺拿到的AppID，要不然你是無法在真機是體驗測試的。
預覽體驗小程式
我們新增好專案之後，開啟了開發小程式的介面。看到左邊，有一個功能名稱叫專案（截圖中的1），點選開啟之後，會看到預覽按鈕已不是灰色的了（截圖中的2）。如果未填寫AppID，這個預覽功能是灰色的。
點選預覽之後，我們會看到彈出了一個二維碼，並且是有時效性的二維碼，同時只能是開發者本人的微訊號才能掃一掃，在真機上進行預覽體驗測試。
這個是特別強調的地方，只能是開發者本人的微訊號才能掃一掃，在真機上進行預覽體驗測試，那意味著，我們把這個二維碼分享給別人，別人是無法進行體驗的。
真機上的除錯模式
微信小程式，在真機的體驗真的很棒，對使用者而言，好用可用流暢是第一要點。
其實小程式對於我們開發者，也提供了很友好的介面和完善的除錯功能，讓我萬萬沒想到的是，在真機上微信小程式也給我們開發者提供了除錯模式，請看圖片，童鞋們。
看著這除錯介面，是不是有點回家的感覺，哈哈。有點類似我們用chrome-devtools開發web一樣。
這裡主要是提供了console.log的列印除錯，還有手機系統資訊。
那我們是如何開始這個真機上的除錯模式的呢。
我們在真機上開啟微信小程式後，看到右上角的三個點，開啟之後我們就會看到有開啟除錯的字眼，直接選擇開啟即可，這裡有一個重啟小程式的過程，再次掃一掃二維碼進入就可以看到除錯了。
結束
微信小程式真機預覽體驗測試教程的教程已經講完，教程並不複雜，最主要的一點是，你有一個真實有效的AppID，是在微信小程式官網後臺拿到的AppID，否則你是無法預覽小程式的。
今天的分享就到這裡，如有微信小程式運營、技術交流的小夥伴們，可以加我的個人微信哈，微訊號：amwhuang（請備註微信小程式）。
文章首發地址：
微信小程式真機預覽體驗測試教程
lanchenglv.com/article/201…
轉需轉載，請標明說出