畫好的app原型如何在手機上體驗？

網上有很多方法，但很多都是收費的！分享一下我遇到的問題和解決方法~
溫馨提示：一定看完再做，跟著我的步驟會生氣哈哈哈哈

原本，我的目的是將原型做成二維碼，這樣別人可以掃描一下就可以在手機上運行起來~
思路：將原型上傳到網上——生成網址——網址轉換成二維碼

一、畫出適配手機屏幕的app原型
這部分內容可以參考“PM浪子”的文章為什么375x667是移動端原型設計的最佳分辨率 和 如何在Axure中正確設置APP原型的尺寸 這兩篇文章

二、將原型發布到網上
這里采用guihub這個網站，理由不多說，沒用過的人可以百度一下~
PMcoff上也有相關的文章，但是遇到一些問題，這里詳細來說一下：

首先，打開guihub官網，右上角sign up注冊賬號；

創建項目：登錄成功后，點擊右上角的+或者new repository按鈕，開始創建倉庫，你可以認為那是一個項目。

下載安裝客戶端：點擊set up desktop下載git客戶端，然后安裝并登錄。（首次使用guihub賬號需要配置，后面會講到）

下載項目到本地：clone剛剛創建的項目到本地目錄 file clone repository

這樣~guihub上的準備工作就完成了！

發布原型到該路徑下的目錄：
參考文章Axure如何生成適配手機屏幕的APP原型（來源：浪子PM）
(Axure中 發布 生成html文件）“常規設置那里目標文件夾就是剛剛clone到本地 存放項目的文件夾啦”
我設置完是這樣的：

提交到服務端：回到githubdesk,點擊你的倉庫，然后會顯示哪些文件已修改，然后輸入摘要和描述并Commit to master，最后Publish到服務端。借用別人的圖，界面有點不一樣，但是問題不大~
這里！！！問題就來了！！
解釋一下：這是提示我沒有配置我的用戶名和郵箱。
百度找解決方法：git中config配置的增刪改查操作。
方法是打開Git Bash 輸入一下命令進行配置（是的，需要下載github 。看起來好像很麻煩，其實是我太啰嗦啦！官網上下載就好了！）
$ git config --global --replace-all user.email “輸入你的郵箱”
$ git config --global --replace-all user.name “輸入你的用戶名”
但是！！我又遇到問題了！！！我太難了！
當我設置個人信息時，出現了這個error:could not lock config file …/.gitconfig:No such file or directory
或者可能出現：error:could not lock config file: * no such file D:/Study/Cadence
這是因為你之前安裝Cadence在環境變量中設置了一個HOME的變量名，然后配置git時就默認了這個路徑啦！你只要把HOME刪了就行了！（變量有用的話就修改一下就行了）反正我直接刪啦！

問題解決了，就可以commit然后publish啦！

7.獲得網址
回到guihub 官網，點擊頭像，your repositories找到剛剛的test項目，點擊setting進入，然后頁面往下拖動到GitHub Pages，將Source設為master branch 并保存（好像是自動保存的），回到GitHub Pages，會顯示一行網址https://yourName .github.io/test/，這就是原型網址。

終于獲得網址啦~這里再啰嗦幾句：

git 賬號配置一次就可以啦，任何時候都適用的。

上傳guihub的一個好處就是，原型更新只要發布生成的html文件覆蓋原來的，再次上傳就行了，網址是不會變噠~

真的不繁瑣，是我講得啰嗦啦233333

最后，你就可以在手機上體驗原型啦！

三、手機查看原型
1.你可以在手機打開網址查看原型了，右下角close
還可以在添加到桌面上，生成一個圖標

這樣，目的基本就達成啦！
接下來我完成我的最后一步。
四、生成二維碼
這一步很簡單，用在線二維碼生成器（比如聯圖網）
把網址copy進去，保存右邊的二維碼圖片，就成功的將原型轉換成了二維碼啦！任何人掃描一下都可以看~
簡歷上就可以用二維碼的形式附帶作品咯~看上去好像很厲害的樣子！
我真的覺得自己太太太太太啰嗦了！！文筆不行啊~

感謝閱讀，希望能幫到你！

總結

以上是生活随笔為你收集整理的关于如何把用手机查看原型的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。