日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

使用nginx 和 switchhost实现自定义域名指向本地服务

發布時間:2023/12/20 编程问答 26 豆豆
生活随笔 收集整理的這篇文章主要介紹了 使用nginx 和 switchhost实现自定义域名指向本地服务 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

標題使用nginx 和 switchhost實現自定義域名指向本地服務

最近在做微信公眾號開發,涉及到微信獲取簽名、打開掃一掃、獲取地址等需要微信這個載體的功能。所以傳統的在pc端進行開發、調試的模式在開發移動端需要借助部分工具才能實現在微信內打開連接訪問本地服務,且可以獲取到微信的服務這一功能。在以前的開發中也涉及到,接下來我詳細講解下。

  • 通過微信網絡里面的代理和花瓶charles來實現手機訪問本地電腦的服務。微信里面的代理可以在***無線局域網 ==》具體網絡的配置代理 ==》手動設置 (服務器為本地ip,可通過命令ipconfig查看,端口號一般為8888)設置;charles(花瓶)可通過***proxy ? proxy settings =>enable http proxying 設置。至此,在微信內訪問自定義鏈接基本可以訪問自己的本地服務。接下來進行host切換和nginx配置使訪問微信的內鏈接可以訪問本地(自己電腦)的服務。如圖所示:

  • 打開switchhost(最好通過管理員的身份),進行自定義域名綁定,例如可以把 www.wx.com指向本地,設置為:127.0.0.1 www.wx.com
    如圖所示:
    其中的www.wx.com 可以設置為微信后臺設置的js安全域名地址(這里的地址協議是http),這樣就可以模擬在線的請求。如圖所示:

  • 接下來進行nginx的配置,下載好了之后可以通過localhost:80來確認是否安裝成功。修改conf文件夾下的nginx.conf配置文件,增加一個server服務,監聽80端口,server_name設置為自定義域名如 www.wx.com, proxy_pass 設置為本地服務,如127.0.0.1:8080,可以在瀏覽器中打開127.0.0.1:8080確認本地服務是否可以訪問 。代碼如下:

  • upstream wx {upstream wx {
    server 127.0.0.1:8080;
    }
    server {
    listen 80;
    server_name weixin.com;
    root html;
    index index.html index.htm index.php;
    location / {
    proxy_pass http://wx;
    proxy_redirect off;
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_next_upstream error timeout invalid_header http_500 http_502 http_503 http_504;
    proxy_max_temp_file_size 0;
    proxy_connect_timeout 90;
    proxy_send_timeout 90;
    proxy_read_timeout 90;
    proxy_buffer_size 4k;
    proxy_buffers 4 32k;
    proxy_busy_buffers_size 64k;
    proxy_temp_file_write_size 64k;
    }
    }

  • 至此,配置基本完畢,建議通過命令行重啟nginx 和 本地服務。(在做Vue的開發中可能涉及到 提示 invalid host,可以在webpack.dev.js 里面設置disableHostCheck: true)。
    涉及到的charles和switchhost 以及 nginx可以自行下載。charles和switchhost最好下載破解版。

    接下來分享個以前同事的安裝包。
    nginx配置下載鏈接
    提取碼***rq5q***,里面有nginx.bat(nginx相關命令的批處理),wx.conf(nginx相關配置) 和1.13.7版本的安裝包。
    下載完成之后,

  • 首先解壓nginx安裝包。
  • 修改nginx-1.13.7\conf 里面的nginx.conf文件里面的引入conf文件的路徑,在文件的最后,include (本地路徑)/*.conf,其實就是引入外面的wx.conf文件;
  • 修改wx.conf配置文件,使nginx 代理到本地服務。首先修改server_name 為自定義域名如 www.wx.com ,其次,修改本地服務的端口號upstream wx { server 127.0.0.1:8080; } 如果本地服務是8080的話。
    4.修改nginx.bat 引入nginx的地址。
    set NGINX_DIR=D:\BaiduNetdiskDownload\nginx\nginx-1.13.7
    (設置為本地nginx解壓地址即可)
  • 至此nginx配置基本完畢。

    寫完這篇文章,是我想起來16年在ody工作時的場景,曾經在在移動端開發的時候,有個前端的大boss ,算是我大哥吧,我看他在做移動端開發的時候會在本地建一個nginx或者express服務,然后代理本地的請求,其實不就是后來很多人使用的的webpack封裝的服務嗎。

    總結

    以上是生活随笔為你收集整理的使用nginx 和 switchhost实现自定义域名指向本地服务的全部內容,希望文章能夠幫你解決所遇到的問題。

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