mac上本地調(diào)試微信js-sdk的方法

做微信公眾號開發(fā)审姓,用到了微信js-sdk的幾個方法,比如手機相機拍攝照片,上傳照片uploadImage等接口蔬捷。這里微信js-sdk的配置就不多說了,按照微信的開發(fā)文檔和微信的demo就能擼明白了(注意一些變量的緩存价捧,有調(diào)用次數(shù)限制)。公眾號中js的安全調(diào)用域名設(shè)置不需要http,比如example.com涡戳。按照微信公眾號說明修改结蟋,僅支持80和443端口,可以加入多個域名渔彰,如果你們的測試環(huán)境也是域名的話嵌屎,那么開發(fā)調(diào)試就直接可以在測試環(huán)境的域名調(diào)試了。

下面的mac本地調(diào)試方法恍涂,針對沒有測試環(huán)境域名的宝惰,只想在mac本地環(huán)境localhost調(diào)試tomcat服務(wù)下,頁面調(diào)用微信js-sdk的方法是否正確再沧。默認你們的后臺wx.config中需要的參數(shù)都獲得了尼夺。

在實現(xiàn)調(diào)用簽名算法的時候url傳入值需要傳入當前頁面,

varcurrentUrl =window.location.href.split('#')[0];//去掉#后面的炒瘸,包含#

如果url傳入不正確淤堵,會報invalid signature。下載微信web調(diào)試工具顷扩,直接在web調(diào)試工具打開你本地的調(diào)試的url,比如 http://localhost:8080/h5instSystem/#/index拐邪,在js-sdk會報相應(yīng)的錯誤,如果后臺wx.config配置的信息都正確了隘截,會報invalid url domain扎阶。這個錯就說明你調(diào)用js的域名不正確,沒有和你公眾號綁定婶芭,本來我們就沒有在js安全調(diào)用下面的域名設(shè)置localhost本地環(huán)境乘陪,所以報這個錯,你離正確調(diào)通已經(jīng)很近了雕擂。

下面就需要將本地的localhost:8080變成你在公眾號下設(shè)置的域名:比如example.com。修改mac host文件

sudo vi /etc/hosts

文件中127.0.0.1 后面的localhost修改為example.com贱勃。(example.com就是你綁定的域名)井赌,因為這個默認調(diào)用的是80端口,而我們的tomcat默認是8080端口贵扰,mac下tomcat是root啟動的仇穗,改成80端口會有一些問題。所以將本地80端口的訪問轉(zhuǎn)發(fā)到這個8080端口上來戚绕,這樣tomcat服務(wù)器以8080端口啟動纹坐,但我們可以通過80端口來進行訪問,參考[1]舞丛。下面的命令就是本地80端口轉(zhuǎn)發(fā)到8080端口

sudo cp /etc/pf.conf /ect/pf.conf.bak

sudo vi pf.conf

在pf.conf中rdr-anchor "com.apple/*"下面加上

rdr on lo0 inet proto tcp from any to 127.0.0.1 port 80 -> 127.0.0.1 port 8080

保存退出耘子,再執(zhí)行下面命令果漾,確保80端口沒有服務(wù)用。

sudo pfctl -d

sudo pfctl -f /etc/pf.conf

sudo pfctl -e

現(xiàn)在就完成了80端口到8080端口的轉(zhuǎn)發(fā)谷誓,現(xiàn)在我們本地mac上調(diào)用http://example.com/**,就是調(diào)用http://localhost:8080/**

啟動本地tomcat服務(wù)绒障,在微信web開發(fā)工具中,訪問域名服務(wù)捍歪,就能見到config OK的消息了户辱,現(xiàn)在你本地調(diào)試就正確了。但是有的接口糙臼,必須要手機調(diào)試才能有效果庐镐,比如拍照。

我們就需要設(shè)置一個代理变逃,讓手機的網(wǎng)絡(luò)經(jīng)過我們的mac必逆,微信開發(fā)工具我沒有設(shè)置好,我直接用了mac上的抓包工具charles韧献。確保手機和你的mac在同一個網(wǎng)絡(luò)下末患,proxy setting中設(shè)置,然后iphone中,點擊網(wǎng)絡(luò)锤窑,設(shè)置http代理璧针,手動,填寫mac ip渊啰,沒有http,比如192.168.1.245,端口8888探橱。然后charles允許就行了。

手機微信中打開域名調(diào)試绘证,就能正確使用各個接口了隧膏,本地調(diào)試,手機調(diào)試工作就成功了嚷那。其實就是本地模擬設(shè)置好的域名胞枕。


參考:

[1]http://www.cnblogs.com/fullstack-yang/p/6223896.html

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市魏宽,隨后出現(xiàn)的幾起案子腐泻,更是在濱河造成了極大的恐慌,老刑警劉巖队询,帶你破解...
    沈念sama閱讀 222,681評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件派桩,死亡現(xiàn)場離奇詭異,居然都是意外死亡蚌斩,警方通過查閱死者的電腦和手機铆惑,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,205評論 3 399
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人员魏,你說我怎么就攤上這事丑蛤。” “怎么了逆趋?”我有些...
    開封第一講書人閱讀 169,421評論 0 362
  • 文/不壞的土叔 我叫張陵盏阶,是天一觀的道長。 經(jīng)常有香客問我闻书,道長名斟,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,114評論 1 300
  • 正文 為了忘掉前任魄眉,我火速辦了婚禮砰盐,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘坑律。我一直安慰自己岩梳,他們只是感情好,可當我...
    茶點故事閱讀 69,116評論 6 398
  • 文/花漫 我一把揭開白布晃择。 她就那樣靜靜地躺著冀值,像睡著了一般。 火紅的嫁衣襯著肌膚如雪宫屠。 梳的紋絲不亂的頭發(fā)上列疗,一...
    開封第一講書人閱讀 52,713評論 1 312
  • 那天,我揣著相機與錄音浪蹂,去河邊找鬼抵栈。 笑死,一個胖子當著我的面吹牛坤次,可吹牛的內(nèi)容都是我干的古劲。 我是一名探鬼主播,決...
    沈念sama閱讀 41,170評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼缰猴,長吁一口氣:“原來是場噩夢啊……” “哼产艾!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起滑绒,我...
    開封第一講書人閱讀 40,116評論 0 277
  • 序言:老撾萬榮一對情侶失蹤闷堡,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后蹬挤,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,651評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡棘幸,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,714評論 3 342
  • 正文 我和宋清朗相戀三年焰扳,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,865評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡吨悍,死狀恐怖扫茅,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情育瓜,我是刑警寧澤葫隙,帶...
    沈念sama閱讀 36,527評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站躏仇,受9級特大地震影響恋脚,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜焰手,卻給世界環(huán)境...
    茶點故事閱讀 42,211評論 3 336
  • 文/蒙蒙 一糟描、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧书妻,春花似錦船响、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,699評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至工猜,卻和暖如春米诉,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背域慷。 一陣腳步聲響...
    開封第一講書人閱讀 33,814評論 1 274
  • 我被黑心中介騙來泰國打工荒辕, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人犹褒。 一個月前我還...
    沈念sama閱讀 49,299評論 3 379
  • 正文 我出身青樓抵窒,卻偏偏與公主長得像,于是被迫代替她去往敵國和親叠骑。 傳聞我的和親對象是個殘疾皇子李皇,可洞房花燭夜當晚...
    茶點故事閱讀 45,870評論 2 361

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

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn)宙枷,斷路器掉房,智...
    卡卡羅2017閱讀 134,716評論 18 139
  • 名詞延伸 通俗的說诅病,域名就相當于一個家庭的門牌號碼哪亿,別人通過這個號碼可以很容易的找到你粥烁。如果把IP地址比作一間房子...
    楊大蝦閱讀 20,607評論 2 57
  • 第一章 Nginx簡介 Nginx是什么 沒有聽過Nginx?那么一定聽過它的“同行”Apache吧蝇棉!Ngi...
    JokerW閱讀 32,703評論 24 1,002
  • Spring Boot 參考指南 介紹 轉(zhuǎn)載自:https://www.gitbook.com/book/qbgb...
    毛宇鵬閱讀 46,867評論 6 342
  • 有些小清新很可愛讨阻,我也很喜歡,就一直存在手機里篡殷,圖片钝吮,主題,文章板辽,但實際卻經(jīng)常覺得奇瘦,我,被這...
    雨落花木閱讀 228評論 0 0