前提條件:
手機 和 開發工具對應的設備必須在同一局域網
廢話不多說,直接進入主題~
第一步:
開發好程序后,在 編譯器控制臺輸入以下命令打包 web應用
flutter run -d web-server --web-renderer html --web-port=8080 --web-hostname=0.0.0.0
上面命令會得到以下內容:
第二步:
查看本地局域網IP,mac端,terminal 控制臺輸入以下命令:
ifconfig en0 | grep "inet " | awk '{print $2}'
第三步:
通過輸入http://<你的Mac的局域網IP地址>:<端口號>/flutter 憑借規則來訪問你的Flutter Web應用
例如上面示例中拼接之后的結果如下:
//192.168.xxx.xxx 對應局域網ip,8080 打包時設置的端口
http://192.168.xxx.xxx:8080/flutter
最終打開手機瀏覽器訪問上面的鏈接,即可查看您的應用在手機瀏覽器上所呈現的效果。
拿騰訊云IM舉例,為如下效果: