搭建微信網(wǎng)頁本地開發(fā)環(huán)境

需求場景:微信公眾號開發(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


圖1-1


二. 利用Mac上安裝配置好的Charles工具代理掉自己的iPhone糕非,需要提醒的是手機(jī)和電腦必須連接同一個局域網(wǎng)蒙具,網(wǎng)上有很多優(yōu)秀教程,請自行股溝

三. 修改nginx配置文件

? ?1. ?運(yùn)行????nginx -t ? ?找到nginx.conf文件目錄峰弹,如圖2-1


圖2-1

????2. 選中Finder窗口店量,點擊快捷鍵 ? ?shift+command+G,調(diào)出前往文件夾輸????????????入框鞠呈,將上一步獲取的路徑復(fù)制黏貼進(jìn)去融师,點擊“前往”,最終可以找到需要修改的nginx.conf文件蚁吝,如圖2-2


圖2-2

? ? 3. 修改nginx.conf文件旱爆,新建一個server塊,假設(shè)本地開發(fā)環(huán)境的端口是8080窘茁,如圖2-3


圖2-3

? ? 4. 保存對nginx.conf文件的修改后怀伦,運(yùn)行 sudo nginx 或 sudo nginx -s reload 啟動nginx服務(wù),然后在瀏覽器的地址欄輸入localhost山林,如果能正常顯示nginx頁面房待,則表示配置正確且80端口已經(jīng)啟動,如圖2-4


圖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端口,顯然這不是一個明智的選擇帆吻。至于域那,實際的使用讀者自行抉擇。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市次员,隨后出現(xiàn)的幾起案子败许,更是在濱河造成了極大的恐慌,老刑警劉巖淑蔚,帶你破解...
    沈念sama閱讀 216,372評論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件市殷,死亡現(xiàn)場離奇詭異,居然都是意外死亡刹衫,警方通過查閱死者的電腦和手機(jī)醋寝,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,368評論 3 392
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來带迟,“玉大人音羞,你說我怎么就攤上這事〔秩” “怎么了嗅绰?”我有些...
    開封第一講書人閱讀 162,415評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長搀继。 經(jīng)常有香客問我窘面,道長,這世上最難降的妖魔是什么叽躯? 我笑而不...
    開封第一講書人閱讀 58,157評論 1 292
  • 正文 為了忘掉前任财边,我火速辦了婚禮,結(jié)果婚禮上点骑,老公的妹妹穿的比我還像新娘酣难。我一直安慰自己,他們只是感情好黑滴,可當(dāng)我...
    茶點故事閱讀 67,171評論 6 388
  • 文/花漫 我一把揭開白布鲸鹦。 她就那樣靜靜地躺著,像睡著了一般跷跪。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上齐板,一...
    開封第一講書人閱讀 51,125評論 1 297
  • 那天吵瞻,我揣著相機(jī)與錄音,去河邊找鬼甘磨。 笑死橡羞,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的济舆。 我是一名探鬼主播卿泽,決...
    沈念sama閱讀 40,028評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了签夭?” 一聲冷哼從身側(cè)響起齐邦,我...
    開封第一講書人閱讀 38,887評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎第租,沒想到半個月后措拇,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,310評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡慎宾,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,533評論 2 332
  • 正文 我和宋清朗相戀三年丐吓,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片趟据。...
    茶點故事閱讀 39,690評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡券犁,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出汹碱,到底是詐尸還是另有隱情粘衬,我是刑警寧澤,帶...
    沈念sama閱讀 35,411評論 5 343
  • 正文 年R本政府宣布比被,位于F島的核電站色难,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏等缀。R本人自食惡果不足惜枷莉,卻給世界環(huán)境...
    茶點故事閱讀 41,004評論 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望尺迂。 院中可真熱鬧笤妙,春花似錦、人聲如沸噪裕。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽膳音。三九已至召衔,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間祭陷,已是汗流浹背苍凛。 一陣腳步聲響...
    開封第一講書人閱讀 32,812評論 1 268
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留兵志,地道東北人醇蝴。 一個月前我還...
    沈念sama閱讀 47,693評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像想罕,于是被迫代替她去往敵國和親悠栓。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,577評論 2 353

推薦閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn)惭适,斷路器笙瑟,智...
    卡卡羅2017閱讀 134,651評論 18 139
  • 前言 近期在準(zhǔn)備搭建一個vue.js+node.js全棧開發(fā)的社區(qū),之前由于沒有云服務(wù)器搭建經(jīng)驗腥沽,這篇文章做一下相...
    技術(shù)宅小青年閱讀 4,461評論 1 30
  • 第一章 Nginx簡介 Nginx是什么 沒有聽過Nginx逮走?那么一定聽過它的“同行”Apache吧!Ngi...
    JokerW閱讀 32,669評論 24 1,002
  • 昨天在荔枝上錄了三個節(jié)目今阳,最后只剩下一個师溅。因為錄好后我回過頭去聽的時候,發(fā)現(xiàn)中間有雜音錄了進(jìn)去盾舌,是我不仔細(xì)墓臭。然而已...
    菀蔸閱讀 226評論 0 0
  • 我不知道這么說對不對,但是這一周我深深地感受到了妖谴,如果你對他還不確定該不該攜手一生窿锉,那么一起養(yǎng)只寵物吧。 在此之前...
    fanoo閱讀 356評論 0 0