微信公眾號(hào)的網(wǎng)頁(yè)開(kāi)發(fā)(用戶授權(quán)、微信分享)

1.開(kāi)發(fā)前的公眾平臺(tái)配置

首先確定微信公眾號(hào)是服務(wù)號(hào)還是訂閱號(hào)(這里只介紹服務(wù)號(hào))

1.1申請(qǐng)測(cè)試賬號(hào)用于本地開(kāi)發(fā)

? ?開(kāi)發(fā)->開(kāi)發(fā)者工具->公眾平臺(tái)測(cè)試賬號(hào)->配置賬號(hào)信息(獲取用戶信息公眾號(hào)必須具備網(wǎng)頁(yè)賬號(hào)權(quán)限)

配置回調(diào)域名

點(diǎn)擊修改配置授權(quán)回掉頁(yè)面

回調(diào)域名

1.2正式環(huán)境配置

上線前的配置

可以在設(shè)置的js接口安全域名下調(diào)用微信開(kāi)放的JS接口

用戶在網(wǎng)頁(yè)授權(quán)頁(yè)同意授權(quán)給公眾號(hào)后帘靡,微信會(huì)將授權(quán)數(shù)據(jù)傳給一個(gè)回調(diào)頁(yè)面,回調(diào)頁(yè)面需在此域名下

2.網(wǎng)頁(yè)授權(quán)


授權(quán)過(guò)程

1.用戶打開(kāi)推廣出去的地址,頁(yè)面中需要判斷用戶打開(kāi)的地址中是否帶有code參數(shù)(是否已經(jīng)授權(quán))


2.存在code(說(shuō)明用戶已經(jīng)授權(quán))否則調(diào)用授權(quán)頁(yè)面

授權(quán)頁(yè)面

(1)授權(quán)頁(yè)面完整地址:https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri="+redirect_uri+"&response_type=code&scope=snsapi_userinfo#wechat_redirect

(2)scope有兩個(gè)值分別是:(獲取用戶基本信息甫匹,這里scope的值選snsapi_userinfo)

?(a.)snsapi_base (不彈出授權(quán)頁(yè)面傲须,直接跳轉(zhuǎn)蓝牲,只能獲取用戶openid)

?(b.)snsapi_userinfo (彈出授權(quán)頁(yè)面,可通過(guò)openid拿到昵稱泰讽、性別例衍、所在地。并且菇绵, 即使在未關(guān)注的情況下肄渗,只要用戶授權(quán),也能獲取其信息 )

3.用戶會(huì)看到一個(gè)如下的授權(quán)頁(yè)面


4.用戶確認(rèn)后咬最,頁(yè)面會(huì)跳轉(zhuǎn)到redirect_uri/?code=CODE&state=STATE翎嫡。在后面加上code

到此為止,已經(jīng)完成了用戶授權(quán)

3.獲取用戶基本信息

? ? 通過(guò)code換取網(wǎng)頁(yè)授權(quán)access_token永乌、用access_token拉取用戶信息(這兩部可以由后端完成)惑申,也可以前端完成

? ? 具體可以參考網(wǎng)頁(yè)授權(quán)的開(kāi)發(fā)文檔

4.微信分享

確保使用JSSDK(微信分享)的域名是第一部分平臺(tái)配置中的JS接口安全域名

1.引入js文件

2.通過(guò)config接口驗(yàn)證配置(可以請(qǐng)求后臺(tái)接口拿到config需要的屬性值)

3.分享功能(希望在頁(yè)面加載時(shí)就初始化分享)

5.遇到的問(wèn)題

(1)分享出去的標(biāo)題、描述翅雏、和圖片與設(shè)置的不一致

授權(quán)的切入點(diǎn):

(a.)開(kāi)發(fā)時(shí)準(zhǔn)備整個(gè)活動(dòng)的入口就是https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=url&response_type=code&scope=snsapi_userinfo&state=123#wechat_redirect 打開(kāi)活動(dòng)首頁(yè)就進(jìn)行微信授權(quán)圈驼。拿到code換取token進(jìn)行正常的頁(yè)面渲染

既然入口就是微信授權(quán),分享出去的鏈接也必須是授權(quán)頁(yè)面(上面的地址)望几。此時(shí)出現(xiàn)了分享的標(biāo)題绩脆、描述等不一致的問(wèn)題。

原因:分享的地址出錯(cuò)了橄抹,導(dǎo)致分享失敗

修改js安全域名靴迫??楼誓?玉锌?下圖說(shuō)明行不通,要將一個(gè)文件上傳到填寫(xiě)的域名下疟羹,以證明此域名是有效的

此時(shí)意識(shí)到主守,思路出錯(cuò)了,分享出去的鏈接只能是頁(yè)面地址榄融,不可以加上微信授權(quán)参淫。

(b.)入口是頁(yè)面地址,在頁(yè)面代碼中進(jìn)行頁(yè)面授權(quán)愧杯。即(2.網(wǎng)頁(yè)授權(quán))中的步驟

PS:第一次寫(xiě)文章黄刚,表達(dá)不是很清楚,請(qǐng)見(jiàn)諒民效!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末憔维,一起剝皮案震驚了整個(gè)濱河市涛救,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌业扒,老刑警劉巖检吆,帶你破解...
    沈念sama閱讀 212,454評(píng)論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異程储,居然都是意外死亡蹭沛,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,553評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門(mén)章鲤,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)摊灭,“玉大人,你說(shuō)我怎么就攤上這事败徊≈愫簦” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 157,921評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵皱蹦,是天一觀的道長(zhǎng)煤杀。 經(jīng)常有香客問(wèn)我,道長(zhǎng)沪哺,這世上最難降的妖魔是什么沈自? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,648評(píng)論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮辜妓,結(jié)果婚禮上枯途,老公的妹妹穿的比我還像新娘。我一直安慰自己籍滴,他們只是感情好酪夷,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,770評(píng)論 6 386
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著异逐,像睡著了一般捶索。 火紅的嫁衣襯著肌膚如雪插掂。 梳的紋絲不亂的頭發(fā)上灰瞻,一...
    開(kāi)封第一講書(shū)人閱讀 49,950評(píng)論 1 291
  • 那天,我揣著相機(jī)與錄音辅甥,去河邊找鬼酝润。 笑死,一個(gè)胖子當(dāng)著我的面吹牛璃弄,可吹牛的內(nèi)容都是我干的要销。 我是一名探鬼主播,決...
    沈念sama閱讀 39,090評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼夏块,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼疏咐!你這毒婦竟也來(lái)了纤掸?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,817評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤浑塞,失蹤者是張志新(化名)和其女友劉穎借跪,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體酌壕,經(jīng)...
    沈念sama閱讀 44,275評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡掏愁,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,592評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了卵牍。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片果港。...
    茶點(diǎn)故事閱讀 38,724評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖糊昙,靈堂內(nèi)的尸體忽然破棺而出辛掠,到底是詐尸還是另有隱情,我是刑警寧澤溅蛉,帶...
    沈念sama閱讀 34,409評(píng)論 4 333
  • 正文 年R本政府宣布公浪,位于F島的核電站,受9級(jí)特大地震影響船侧,放射性物質(zhì)發(fā)生泄漏欠气。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,052評(píng)論 3 316
  • 文/蒙蒙 一镜撩、第九天 我趴在偏房一處隱蔽的房頂上張望预柒。 院中可真熱鬧,春花似錦袁梗、人聲如沸宜鸯。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,815評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)淋袖。三九已至,卻和暖如春锯梁,著一層夾襖步出監(jiān)牢的瞬間即碗,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,043評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工陌凳, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留剥懒,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,503評(píng)論 2 361
  • 正文 我出身青樓合敦,卻偏偏與公主長(zhǎng)得像初橘,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,627評(píng)論 2 350