1. 程式人生 > >微信小程式入門(3):移動端訪問PC

微信小程式入門(3):移動端訪問PC

上一篇講了web-view的使用,然而你會發現這隻能訪問一些百度、淘寶、騰訊等一些存在的網站,但如何訪問自己本地ip以來訪問自己寫的一些網站呢?
注意:這篇文章是利用Python開發的web,可能對一些其他僅有HTML、css、js的靜態不太適用
在這裡插入圖片描述
對於Django部分本篇不做過多講解,以後可能會有Django系列的更新
如圖所示,我利用虛擬環境新建了一個project,裡面利用GitHub提供的一些API寫了個簡單網頁
然後在pycharm執行該專案,執行結果如下所示:在這裡插入圖片描述

在瀏覽器輸入http://127.0.0.1:8000/即可訪問,大概是這個醬紫
在這裡插入圖片描述
想要通過微信小程式中訪問這個網站,並通過真機除錯還能看到這個介面的話,需要以下操作

  • PC與手機同一wife下(同一區域網下即可)
  • 127.0.0.1只能通過自己的電腦訪問這個專案,如果要想別人可以訪問自己電腦的專案時,必須在pycharm中在host改為0.0.0.0,在這裡插入圖片描述
  • 但是如果只是這樣的話還是有問題滴,還需要在pycharm中的Django檔案加上本機ip地址
ALLOWED_HOSTS = ['192.168.0.109']

本機ip地址的話開啟命令列,輸入ipconfig即可
這樣再在小程式寫以下程式碼進行測試

 <view> 
      <web-view src='http://192.168.0.109:8000/'>hhh</web-view>  
 </view>

然後進行真機除錯即可
附截圖
在這裡插入圖片描述

  • 別看操作簡單,作為小白我可摸索了一段時間
  • 後續有更新~