微信公眾號(hào)開(kāi)發(fā)自定義菜單跳轉(zhuǎn)頁(yè)面并獲取用戶(hù)信息的示例分析-創(chuàng)新互聯(lián)

這篇文章將為大家詳細(xì)講解有關(guān)微信公眾號(hào)開(kāi)發(fā)自定義菜單跳轉(zhuǎn)頁(yè)面并獲取用戶(hù)信息的示例分析，小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

為企業(yè)提供網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站制作、網(wǎng)站優(yōu)化、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、競(jìng)價(jià)托管、品牌運(yùn)營(yíng)等營(yíng)銷(xiāo)獲客服務(wù)。成都創(chuàng)新互聯(lián)公司擁有網(wǎng)絡(luò)營(yíng)銷(xiāo)運(yùn)營(yíng)團(tuán)隊(duì)，以豐富的互聯(lián)網(wǎng)營(yíng)銷(xiāo)經(jīng)驗(yàn)助力企業(yè)精準(zhǔn)獲客，真正落地解決中小企業(yè)營(yíng)銷(xiāo)獲客難題，做到“讓獲客更簡(jiǎn)單”。自創(chuàng)立至今，成功用技術(shù)實(shí)力解決了企業(yè)“網(wǎng)站建設(shè)、網(wǎng)絡(luò)品牌塑造、網(wǎng)絡(luò)營(yíng)銷(xiāo)”三大難題，同時(shí)降低了營(yíng)銷(xiāo)成本，提高了有效客戶(hù)轉(zhuǎn)化率，獲得了眾多企業(yè)客戶(hù)的高度認(rèn)可！

微信公眾號(hào)開(kāi)發(fā) 自定義菜單

請(qǐng)先讀完本文再進(jìn)行配置開(kāi)發(fā)

請(qǐng)先前往微信平臺(tái)開(kāi)發(fā)者文檔閱讀“網(wǎng)頁(yè)授權(quán)獲取用戶(hù)基本信息”的接口說(shuō)明

在微信公眾賬號(hào)開(kāi)發(fā)中，往往有定義一個(gè)菜單，然后用戶(hù)點(diǎn)擊該菜單就進(jìn)入用戶(hù)個(gè)人中心的功能，通常應(yīng)用于各個(gè)公眾賬號(hào)中的會(huì)員服務(wù)。

如何在微信自定義菜單中將用戶(hù)導(dǎo)航到個(gè)人中心頁(yè)面呢？

選需要通過(guò)用戶(hù)點(diǎn)擊獲取用戶(hù)openid，而通過(guò)用戶(hù)的點(diǎn)擊跳轉(zhuǎn)獲取用戶(hù)openid就必須在菜單中動(dòng)態(tài)綁定用戶(hù)的openid，或者在菜單的跳轉(zhuǎn)URL中填寫(xiě)微信提供的鏈接，官方給了兩個(gè)鏈接類(lèi)型

一種是Scope為snsapi_base的鏈接

https://open.weixin.qq.com/connect/oauth3/authorize?appid=wx520c15f417810387&redirect_uri=https%3A%2F%2Fchong.qq.com%2Fphp%2Findex.php%3Fd%3D%26c%3DwxAdapter%26m%3DmobileDeal%26showwxpaytitle%3D1%26vb2ctag%3D4_2030_5_1194_60&response_type=code&scope=snsapi_base&state=123#wechat_redirect

另一種是Scope為snsapi_userinfo的鏈接

https://open.weixin.qq.com/connect/oauth3/authorize?appid=wxf0e81c3bee622d60&redirect_uri=http%3A%2F%2Fnba.bluewebgame.com%2Foauth_response.php&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect

這兩種鏈接的區(qū)別如下

應(yīng)用授權(quán)作用域，snsapi_base （不彈出授權(quán)頁(yè)面，直接跳轉(zhuǎn)，只能獲取用戶(hù)openid），snsapi_userinfo （彈出授權(quán)頁(yè)面，可通過(guò)openid拿到昵稱(chēng)、性別、所在地。并且，即使在未關(guān)注的情況下，只要用戶(hù)授權(quán)，也能獲取其信息）

網(wǎng)上很多說(shuō)法是將鏈接的url直接作為微信自定義菜單中view類(lèi)型中的url（在填寫(xiě)是url時(shí)需要配置網(wǎng)頁(yè)授權(quán)回調(diào)域名和appid），本人試了一下這種做法然而不能成功

{ "type":"view", "name":"會(huì)員中心", "url":"https://open.weixin.qq.com/connect/oauth3/authorize?appid=你的appid&redirect_uri=你配置接收微信認(rèn)證的地址?response_type=code&scope=snsapi_base&state=1#wechat_redirect" },

返回結(jié)果是創(chuàng)建菜單失敗

創(chuàng)建菜單失敗 errcode:{40033} errmsg:{invalid charset. please check your request, if include \uxxxx will create fail! hint: [91..gA0792vr23]}

我試了一下將后面的地址進(jìn)行urlEncode，還是同樣的錯(cuò)誤。

后來(lái)我想了一個(gè)辦法

在自定義菜單中填寫(xiě)自己的url，在填寫(xiě)的url中將用戶(hù)重定向到snsapi_base的url中，然后再在snsapi_base中配置獲取用戶(hù)openid以及用戶(hù)其他信息，最后跳轉(zhuǎn)到一個(gè)頁(yè)面，也就是通常的會(huì)員中心頁(yè)面。

流程如下

請(qǐng)看代碼

{ "type":"view",

"name":"會(huì)員中心",

"url":"http://配置的網(wǎng)址/redirect"}

其中通過(guò)url將用戶(hù)跳轉(zhuǎn)到

http://配置的網(wǎng)址/redirect

然后在處理方法中調(diào)用一次重定向即可

//類(lèi)上的配置
@Controller
@RequestMapping("/wechat")
public class WeChatController{
  @RequestMapping(value = "/redirect", method = RequestMethod.GET)
  public String weixinRedirect(HttpServletRequest request, HttpServletResponse response) {
    return "redirect:https://open.weixin.qq.com/connect/oauth3/authorize?appid=你的appid&redirect_uri=你的服務(wù)器處理地址?response_type=code&scope=snsapi_base&state=1&connect_redirect=1#wechat_redirect";
    }
}

服務(wù)器會(huì)將微信認(rèn)證 跳轉(zhuǎn)到你的服務(wù)器處理地址，也就是上面

redirect_uri=你的服務(wù)器處理地址中的地址

這里配置為

你的服務(wù)器地址/oauth

代碼如下

@RequestMapping(value = "/oauth", method = RequestMethod.GET)
  public String weixinOAuth(HttpServletRequest request, HttpServletResponse response, Model model) {
    //得到code
    String CODE = request.getParameter("code");
    String APPID = "你的APPID";
    String SECRET = "你的SECRET";
    //換取access_token 其中包含了openid
    String URL = "https://api.weixin.qq.com/sns/oauth3/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code".replace("APPID", APPID).replace("SECRET", SECRET).replace("CODE", CODE);
    //URLConnectionHelper是一個(gè)模擬發(fā)送http請(qǐng)求的類(lèi)
    String jsonStr = URLConnectionHelper.sendGet(URL);
    //System.out.println(jsonStr);
    //out.print(jsonStr);
    JSONObject jsonObj = new JSONObject(jsonStr);
    String openid = jsonObj.get("openid").toString();
    //有了用戶(hù)的opendi就可以的到用戶(hù)的信息了
    //地址為https://api.weixin.qq.com/sns/userinfo?access_token=ACCESS_TOKEN&openid=OPENID&lang=zh_CN
    //得到用戶(hù)信息之后返回到一個(gè)頁(yè)面
    model.addAttribute("user", wechatUser);
    return "vip/userInfo";
  }

效果如下

而且這種方式當(dāng)用戶(hù)用其他瀏覽器打開(kāi)時(shí)，會(huì)出錯(cuò)，保證了只能在微信中使用，保障了安全性。而且地址欄不會(huì)有其他用戶(hù)個(gè)人信息的暴露。

關(guān)于“微信公眾號(hào)開(kāi)發(fā)自定義菜單跳轉(zhuǎn)頁(yè)面并獲取用戶(hù)信息的示例分析”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，使各位可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，請(qǐng)把它分享出去讓更多的人看到。

當(dāng)前標(biāo)題：微信公眾號(hào)開(kāi)發(fā)自定義菜單跳轉(zhuǎn)頁(yè)面并獲取用戶(hù)信息的示例分析-創(chuàng)新互聯(lián)
URL標(biāo)題：http://bm7419.com/article28/iipjp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁(yè)設(shè)計(jì)公司、外貿(mào)建站、網(wǎng)站收錄、微信小程序、網(wǎng)站建設(shè)、電子商務(wù)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)