需求場景:微信公眾號開發(fā)基本配置中填入的服務(wù)器地址只能是公網(wǎng)地址警没,然而,開發(fā)調(diào)試階段又是建立在本地服務(wù),這樣就需要將被微信認(rèn)可的公網(wǎng)域名映射到開發(fā)者本機(jī)的服務(wù)器地址,才能調(diào)試微信公眾號提供的接口功能
系統(tǒng): Mac铸敏;
工具:Nginx? ? Gas Mask? ? Charles? ? iPhone
準(zhǔn)備:假設(shè)你擁有Mac和iPhone各一臺,并且下載并安裝了所列的應(yīng)用工具悟泵,網(wǎng)上有很多對應(yīng)的安裝教程
具體步驟:
一. 利用Gas Mask修改hosts文件杈笔,將公網(wǎng)域名映射到本機(jī),如圖1-1
二. 利用Mac上安裝配置好的Charles工具代理掉自己的iPhone糕非,需要提醒的是手機(jī)和電腦必須連接同一個局域網(wǎng)蒙具,網(wǎng)上有很多優(yōu)秀教程,請自行股溝
三. 修改nginx配置文件
? ?1. ?運(yùn)行????nginx -t ? ?找到nginx.conf文件目錄峰弹,如圖2-1
????2. 選中Finder窗口店量,點擊快捷鍵 ? ?shift+command+G,調(diào)出前往文件夾輸????????????入框鞠呈,將上一步獲取的路徑復(fù)制黏貼進(jìn)去融师,點擊“前往”,最終可以找到需要修改的nginx.conf文件蚁吝,如圖2-2
? ? 3. 修改nginx.conf文件旱爆,新建一個server塊,假設(shè)本地開發(fā)環(huán)境的端口是8080窘茁,如圖2-3
? ? 4. 保存對nginx.conf文件的修改后怀伦,運(yùn)行 sudo nginx 或 sudo nginx -s reload 啟動nginx服務(wù),然后在瀏覽器的地址欄輸入localhost山林,如果能正常顯示nginx頁面房待,則表示配置正確且80端口已經(jīng)啟動,如圖2-4
四. 運(yùn)行本地開發(fā)環(huán)境驼抹,端口號要與nginx.conf中對應(yīng)的配置保持一致桑孩。
五. 用手機(jī)微信客戶端直接訪問為公眾號配置的公網(wǎng)地址,到這一步就可以在手機(jī)上調(diào)試微信相關(guān)功能了
總結(jié):
????其實框冀,方法不止一種流椒,每種方法也可以有不同的實現(xiàn),本文旨在用最簡易流暢的闡述方式告知讀者如何快捷有效的解決現(xiàn)實問題明也,因此并未對其他方法以及此方法中各環(huán)節(jié)展開描述宣虾。至于,為何引入nginx來反向代理本地服務(wù)温数,我的目的是為了避免每次提交代碼都要手動更改端口號绣硝,除非開發(fā)者所有本地服務(wù)都啟用80端口,顯然這不是一個明智的選擇帆吻。至于域那,實際的使用讀者自行抉擇。