ホームページ > WeChat アプレット > WeChatの開発 > カスタム メニュー ジャンプ ページの開発例と WeChat パブリック アカウントのユーザー情報の取得例の詳細なグラフィックとテキストの説明

カスタム メニュー ジャンプ ページの開発例と WeChat パブリック アカウントのユーザー情報の取得例の詳細なグラフィックとテキストの説明

高洛峰
リリース: 2017-03-16 15:09:50
オリジナル
4956 人が閲覧しました

この記事では主にWeChatパブリックアカウントの開発について紹介しますカスタマイズメニューページへのジャンプとユーザー情報の例の詳細な説明の取得に関する関連情報は、必要な友人が参照することができます

WeChatパブリックアカウント開発カスタムメニュー

。まずこの記事を読んだ後、構成開発に進んでください

まず WeChat プラットフォーム開発者ドキュメントにアクセスして、「ユーザーの基本情報を取得するための Web ページの認証」のインターフェース手順をお読みください

WeChat パブリック アカウントの開発では、多くの場合、メニューが定義され、ユーザーがクリックします。このメニューは、通常、各パブリック アカウントのメンバー サービスに使用されるユーザーのパーソナル センターの機能に入ります。

WeChat カスタム メニューのパーソナル センター ページにユーザーを移動するにはどうすればよいですか?

最初の選択肢は、ユーザーのクリックを通じてユーザーの openid を取得することです。ユーザーのジャンプを通じてユーザーの openid を取得するには、メニューでユーザーの openid を動的にバインドするか、ジャンプで WeChat によって提供されるリンクを入力する必要があります。公式メニューのURL リンクは2種類あります

1つはSNSapi_base

https://open.weixin.qq.com/connect/oauth2/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を持つリンクです

https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxf0e81c3bee622d60&redirect_uri=http%3A%2F%2Fnba.bluewebgame.com%2Foauth_response.php&response_type=code&scope=snsapi_userinfo&state=STATE#wechat_redirect
ログイン後にコピー


違いは次のとおりです

アプリケーションの認可スコープ、snsapi_base (認可ページをポップアップせず、直接ジャンプし、ユーザーの openid のみを取得できます)、snsapi_userinfo (認可ページをポップアップし、 openid を通じてニックネーム、性別、所在地などの情報も取得できます。また、ユーザーが許可すれば、その情報も取得できます。应用授权作用域,snsapi_base (不弹出授权页面,直接跳转,只能获取用户openid),snsapi_userinfo (弹出授权页面,可通过openid拿到昵称、性别、所在地。并且,即使在未关注的情况下,只要用户授权,也能获取其信息)

网上很多说法是将链接的url直接作为微信自定义菜单中view类型中的url(在填写是url时需要配置网页授权回调域名和appid),本人试了一下这种做法然而不能成功

{ "type":"view", "name":"会员中心", "url":"https://open.weixin.qq.com/connect/oauth2/authorize?appid=你的appid&redirect_uri=你配置接收微信认证的地址?response_type=code&scope=snsapi_base&state=1#wechat_redirect" },
ログイン後にコピー

返回结果是创建菜单失败

创建菜单失败 errcode:{40033} errmsg:{invalid char<a href="//m.sbmmt.com/code/8209.html" target="_blank">set</a>. please check your request, <a href="//m.sbmmt.com/wiki/109.html" target="_blank">if</a> <a href="//m.sbmmt.com/wiki/137.html" target="_blank">include</a> uxxxx will create fail! hint: [91..gA0792vr23]}

我试了一下将后面的地址进行urlEncode,还是同样的错误。

后来我想了一个办法

在自定义菜单中填写自己的url,在填写的url中将用户重定向到snsapi_base的url中,然后再在snsapi_base中配置获取用户openid以及用户其他信息,最后跳转到一个页面,也就是通常的会员中心页面。

流程如下

カスタム メニュー ジャンプ ページの開発例と WeChat パブリック アカウントのユーザー情報の取得例の詳細なグラフィックとテキストの説明

请看代码

{ "type":"view",

"name":"会员中心",

"url":"http://配置的网址/redirect"}

其中通过url将用户跳转到

http://配置的网址/redirect

然后在处理方法中调用一次重定向即可

//类上的配置
@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/oauth2/authorize?appid=你的appid&redirect_uri=你的服务器处理地址?response_type=code&scope=snsapi_base&state=1&connect_redirect=1#wechat_redirect";
    }
}
ログイン後にコピー

服务器会将微信认证 跳转到你的服务器处理地址,也就是上面

redirect_uri=你的服务器处理地址中的地址

这里配置为

你的服务器地址/oauth

リンクの URL を WeChat カスタム メニューのビュー タイプの URL として直接指定します (Web ページの認証コールバック ドメイン名とアプリケーション ID を構成する URL を入力するときに必要です)。この方法を試しましたが、失敗しました

@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/oauth2/access_token?appid=APPID&secret=SECRET&code=CODE&grant_type=authorization_code".replace("APPID", APPID).replace("SECRET", SECRET).replace("CODE", CODE);
    //URLConnectionHelper是一个模拟发送http请求的类
    String jsonStr = URLConnectionHelper.sendGet(URL);
    //System.out.println(jsonStr);
    //out.print(jsonStr);
    JSONObject jsonObj = new JSONObject(jsonStr);
    String openid = jsonObj.get("openid").toString();
    //有了用户的opendi就可以的到用户的信息了
    //地址为https://api.weixin.qq.com/sns/userinfo?access_token=ACCESS_TOKEN&openid=OPENID&lang=zh_CN
    //得到用户信息之后返回到一个页面
    model.addAttribute("user", wechatUser);
    return "vip/userInfo";
  }
ログイン後にコピー

返される結果は、メニューの作成に失敗したことです

メニューの作成に失敗しました errcode:{40033} errmsg:{invalid char <a href="//m.sbmmt.com/code/8209.html" target="_blank">設定<p> リクエストを確認してください。<a href="//m.sbmmt.com/%20wiki/109.html" target="_blank">if<img title="カスタム メニュー ジャンプ ページの開発例と WeChat パブリック アカウントのユーザー情報の取得例の詳細なグラフィックとテキストの説明" alt="カスタム メニュー ジャンプ ページの開発例と WeChat パブリック アカウントのユーザー情報の取得例の詳細なグラフィックとテキストの説明" src="https://img.php.cn/upload/article/000/000/013/285a3d21c22acdaad610992eab9767a6-1.jpg" style="max-width:90%" style="max-width:90%"> </a><a href="http:/%20/m.sbmmt.com/wiki/137.html" target="_blank">include</a></p> uxxxx は失敗します! ヒント: [91..gA0792vr23]}</a>

カスタム メニュー ジャンプ ページの開発例と WeChat パブリック アカウントのユーザー情報の取得例の詳細なグラフィックとテキストの説明次のアドレスを urlEncoding してみましたが、それでも同じエラーが発生しました。

後で私は方法を考えましたカスタムメニューに独自のURLを入力し、入力されたURL内のsnsapi_baseのURLにユーザーをリダイレクトし、ユーザーのopenidとその他のユーザー情報を取得するようにsnsapi_baseを設定し、最後に、通常のメンバー センター ページであるページにジャンプします。

🎜プロセスは次のとおりです🎜🎜カスタム メニュー ジャンプ ページの開発例と WeChat パブリック アカウントのユーザー情報の取得例の詳細なグラフィックとテキストの説明🎜🎜コードをご覧ください🎜🎜 { "type":"view",🎜🎜 "name":"Member Center",🎜🎜 "url":" http://configured URL/redirect"}🎜🎜 ユーザーは 🎜
🎜http://configured URL/redirect🎜 にリダイレクトされます🎜その後、処理メソッドでリダイレクトを呼び出すだけです🎜🎜🎜rrreee🎜🎜🎜サーバーは、WeChat認証を上記のサーバー処理アドレスにジャンプします🎜🎜redirect_uri=あなたのサーバー処理アドレスアドレス🎜🎜は、ここでは🎜🎜サーバーアドレス/oauthとして構成されています🎜🎜コードは次のとおりです🎜🎜🎜rrreee🎜🎜🎜効果は次のとおりです🎜🎜🎜🎜 🎜🎜🎜🎜そして、このメソッドは、ユーザーが他のブラウザで開くとエラーが発生し、WeChat でのみ使用でき、🎜セキュリティ🎜が確保されます。また、アドレス バーによって他のユーザーの個人情報が公開されることはありません。 🎜

カスタム メニュー ジャンプ ページの開発例と WeChat パブリック アカウントのユーザー情報の取得例の詳細なグラフィックとテキストの説明





以上がカスタム メニュー ジャンプ ページの開発例と WeChat パブリック アカウントのユーザー情報の取得例の詳細なグラフィックとテキストの説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート