微信小程序真機預覽體驗測試教程

前言

從小程序內測開始，有不少優秀的創意、想法已經在內測階段開發完成。目前小程序開始公測，開放了小程序的申請和註冊，可是還沒法正式發佈。那麼咱們在未正式發佈以前，能不能在真機上體驗一回微信小程序呢。答案是確定的。若有微信小程序運營、技術交流的小夥伴們，能夠加個人我的微信哈，微信號：amwhuang（請備註微信小程序）。

真機體驗截圖

首先，咱們先看一下在真機裏微信小程序的手機截圖，若是不明確的跟你說，這是微信小程序的話，估計你也會認爲這是一個APP界面。但.....但這是如假包換的微信小程序呀，並且頁面切換很是的流暢。

這張截圖，是在微信開發者工具的開發界面。

教程步驟

咱們如今直接進入主題，微信小程序如何在真機體驗測試的教程。

首先，咱們要確保已經申請註冊好了微信小程序，若是還未申請註冊的，那接下來的教程內容你能夠大概瞭解就好了，不用細讀，浪費你的時間。

填寫AppID

在添加項目時，請填寫AppID，如圖。

此處的AppID，請填寫真實有效的，是在微信小程序官網後臺拿到的AppID，要否則你是沒法在真機是體驗測試的。

預覽體驗小程序

咱們添加好項目以後，打開了開發小程序的界面。看到左邊，有一個功能名稱叫項目（截圖中的1），點擊打開以後，會看到預覽按鈕已不是灰色的了（截圖中的2）。若是未填寫AppID，這個預覽功能是灰色的。

點擊預覽以後，咱們會看到彈出了一個二維碼，而且是有時效性的二維碼，同時只能是開發者本人的微信號才能掃一掃，在真機上進行預覽體驗測試。
這個是特別強調的地方，只能是開發者本人的微信號才能掃一掃，在真機上進行預覽體驗測試，那意味着，咱們把這個二維碼分享給別人，別人是沒法進行體驗的。

真機上的調試模式

微信小程序，在真機的體驗真的很棒，對用戶而言，好用可用流暢是第一要點。
其實小程序對於咱們開發者，也提供了很友好的界面和完善的調試功能，讓我萬萬沒想到的是，在真機上微信小程序也給咱們開發者提供了調試模式，請看圖片，童鞋們。

看着這調試界面，是否是有點回家的感受，哈哈。有點相似咱們用chrome-devtools開發web同樣。
這裏主要是提供了console.log的打印調試，還有手機系統信息。
那咱們是如何開始這個真機上的調試模式的呢。
咱們在真機上打開微信小程序後，看到右上角的三個點，打開以後咱們就會看到有打開調試的字眼，直接選擇打開便可，這裏有一個重啓小程序的過程，再次掃一掃二維碼進入就能夠看到調試了。

結束

微信小程序真機預覽體驗測試教程的教程已經講完，教程並不複雜，最主要的一點是，你有一個真實有效的AppID，是在微信小程序官網後臺拿到的AppID，不然你是沒法預覽小程序的。

今天的分享就到這裏，若有微信小程序運營、技術交流的小夥伴們，能夠加個人我的微信哈，微信號：amwhuang（請備註微信小程序）。

文章首發地址：
[微信小程序真機預覽體驗測試教程]>
http://lanchenglv.com/article...
如需轉載，請標明說出