Heim > WeChat-Applet > WeChat-Entwicklung > Detaillierte Erläuterung des benutzerdefinierten Menü-Implementierungscodes des WeChat-Entwicklungsmodells

Detaillierte Erläuterung des benutzerdefinierten Menü-Implementierungscodes des WeChat-Entwicklungsmodells

高洛峰
Freigeben: 2017-03-26 15:06:07
Original
2157 Leute haben es durchsucht

Vor Kurzem haben wir eine Funktion zur Autorisierung der Benutzerzuordnung zwischen dem offiziellen WeChat-Konto und unseren eigenen Website-Benutzern implementiert. Der Hauptzweck besteht darin, dass Benutzer dem offiziellen Konto folgen und auf das Mitgliedercenter und die dafür erforderliche Webseitenautorisierung klicken Die zugehörige Autorisierung wird angezeigt: OAuth2.0-Webseite Autorisieren Sie, und dann stimmt der Benutzer zu, Benutzerinformationen zu erhalten, den Benutzer mit der Website zu verknüpfen, und dann kann sich der Benutzer mit WeChat anmelden.

Was wir dieses Mal machen, ist eine Action-Ebene Java Verarbeiten Sie jeden Rückgabeparameter, um Daten zu erhalten.

1. Verwendete Tools:

1. ngrok, ordnen Sie Ihren eigenen lokalen Computer dem öffentlichen Netzwerk zu, damit Sie ihn jederzeit testen und entwickeln können ;

1. Laden Sie ngrok herunter unter: http://www.tunnel.mobi/

2. Legen Sie die Datei im Tomcat-Verzeichnis ab und führen Sie ngrok -config ngrok.cfg -subdomain xinzhi aus cmd 8080

3. Das Ngrok-Tool ist

auf MOOC.com @LAOBI zu sehen. 2. Testen Sie das öffentliche WeChat-Konto. Testen Sie es jederzeit. Stellen Sie zunächst sicher, dass während des Tests keine Probleme auftreten Konto vor der Durchführung einer öffentlichen Transplantation der Nummer.

2. Verwenden Sie diese Option, um eine HTTP-Anfrage in Java zu senden, geben Sie dann den Parameter JSON zurück, rufen Sie den JSON-Parameter ab und verarbeiten Sie ihn dann >

Zuerst das Testkonto des öffentlichen Kontos in die Eigenschaftendatei einfügen, damit wir es aufrufen oder ersetzen können. Bitte verwenden Sie den https

Eigenschaftscode für die URL Anschließend werden zwei Tool-Klassen verwendet. Die Funktion der Tool-Klasse besteht darin, den Rückgabewert in der Java-Aktion abzurufen und entsprechende Änderungen vorzunehmen die Anforderungen dieses Projekts:

Detaillierte Erläuterung des benutzerdefinierten Menü-Implementierungscodes des WeChat-Entwicklungsmodells WeixinUtil.java und MyX509TrustManager.java

AppID = wxf00**c3dd2ebfa0  
AppSecret = 3cb220755f****506dc35391aa5c03ec  
url = https://xinzhi.tunnel.mobi
Nach dem Login kopieren
Java-Code

Für https-Anfragen benötigen wir einen Certificate Trust Management Manager Diese Managerklasse muss von Ihnen selbst definiert werden, sie muss jedoch die X509TrustManager-Schnittstelle implementieren. Der Code lautet wie folgt:

Java-Code

Detaillierte Erläuterung des benutzerdefinierten Menü-Implementierungscodes des WeChat-Entwicklungsmodells

package com.zhtx.common.util;  
import java.io.BufferedReader;  
import java.io.InputStream;  
import java.io.InputStreamReader;  
import java.io.OutputStream;  
import java.net.ConnectException;  
import java.net.URL;  
import javax.net.ssl.HttpsURLConnection;  
import javax.net.ssl.SSLContext;  
import javax.net.ssl.SSLSocketFactory;  
import javax.net.ssl.TrustManager;  
import org.slf4j.Logger;  
import org.slf4j.LoggerFactory;  
/**
 * 公众平台通用接口工具类
 * 
 * @author xinz
 * @date 2015-10-14
 */
public class WeixinUtil {  
    private static Logger log = LoggerFactory.getLogger(WeixinUtil.class);  
    /**
     * 发起https请求并获取结果
     * 
     * @param requestUrl 请求地址
     * @param requestMethod 请求方式(GET、POST)
     * @param outputStr 提交的数据
     * @return JSONObject(通过JSONObject.get(key)的方式获取json对象的属性值)
     */
    public static String httpRequest(String requestUrl, String requestMethod, String outputStr) {  
        StringBuffer buffer = new StringBuffer();  
        try {  
            // 创建SSLContext对象,并使用我们指定的信任管理器初始化
            TrustManager[] tm = { new MyX509TrustManager() };  
            SSLContext sslContext = SSLContext.getInstance("SSL", "SunJSSE");  
            sslContext.init(null, tm, new java.security.SecureRandom());  
            // 从上述SSLContext对象中得到SSLSocketFactory对象
            SSLSocketFactory ssf = sslContext.getSocketFactory();  
            URL url = new URL(requestUrl);  
            HttpsURLConnection httpUrlConn = (HttpsURLConnection) url.openConnection();  
            httpUrlConn.setSSLSocketFactory(ssf);  
            httpUrlConn.setDoOutput(true);  
            httpUrlConn.setDoInput(true);  
            httpUrlConn.setUseCaches(false);  
            // 设置请求方式(GET/POST)
            httpUrlConn.setRequestMethod(requestMethod);  
            if ("GET".equalsIgnoreCase(requestMethod))  
                httpUrlConn.connect();  
            // 当有数据需要提交时
            if (null != outputStr) {  
                OutputStream outputStream = httpUrlConn.getOutputStream();  
                // 注意编码格式,防止中文乱码
                outputStream.write(outputStr.getBytes("UTF-8"));  
                outputStream.close();  
            }  
            // 将返回的输入流转换成字符串
            InputStream inputStream = httpUrlConn.getInputStream();  
            InputStreamReader inputStreamReader = new InputStreamReader(inputStream, "utf-8");  
            BufferedReader bufferedReader = new BufferedReader(inputStreamReader);  
            String str = null;  
            while ((str = bufferedReader.readLine()) != null) {  
                buffer.append(str);  
            }  
            bufferedReader.close();  
            inputStreamReader.close();  
            // 释放资源
            inputStream.close();  
            inputStream = null;  
            httpUrlConn.disconnect();  
        } catch (ConnectException ce) {  
            log.error("Weixin server connection timed out.");  
        } catch (Exception e) {  
            log.error("https request error:{}", e);  
        }  
        return buffer.toString();  
    }  
}
Nach dem Login kopieren
Eine POJO-Klasse von WeChat-Rückgabeparameter:

Java-Code

Detaillierte Erläuterung des benutzerdefinierten Menü-Implementierungscodes des WeChat-Entwicklungsmodells

package com.zhtx.common.util;  
import java.security.cert.CertificateException;  
import java.security.cert.X509Certificate;  
import javax.net.ssl.X509TrustManager;  
/**
 * 证书信任管理器(用于https请求)
 * 
 * @author xinz
 * @date 2015-10-14
 */
public class MyX509TrustManager implements X509TrustManager {  
    public void checkClientTrusted(X509Certificate[] chain, String authType) throws CertificateException {  
    }  
    public void checkServerTrusted(X509Certificate[] chain, String authType) throws CertificateException {  
    }  
    public X509Certificate[] getAcceptedIssuers() {  
        return null;  
    }  
}
Nach dem Login kopieren
Klasse zur Überprüfung der Berechtigungsnachweise:

Java-Code

Detaillierte Erläuterung des benutzerdefinierten Menü-Implementierungscodes des WeChat-Entwicklungsmodells

private String  openid;  //用户的唯一标识 
private String  nickname;//用户昵称 
private Integer sex;// 用户的性别,值为1时是男性,值为2时是女性,值为0时是未知 
private String  province;//用户个人资料填写的省份 
private String  city;//普通用户个人资料填写的城市 
private String  country;// 国家,如中国为CN 
private String  headimgurl;  // 用户头像,最后一个数值代表正方形头像大小(有0、46、64、96、132数值可选,0代表640*640正方形头像),用户没有头像时该项为空。若用户更换头像,原有头像URL将失效。 
private String  privilege;// 用户特权信息,json 数组,如微信沃卡用户为(chinaunicom) 
private String  unionid;// 只有在用户将公众号绑定到微信开放平台帐号后,才会出现该字段。详见:获取用户个人信息(UnionID机制) 
private String access_token;
Nach dem Login kopieren
Exchange Webseitenautorisierung access_token durch Code

Java-Code

Detaillierte Erläuterung des benutzerdefinierten Menü-Implementierungscodes des WeChat-Entwicklungsmodells

private String errcode;  
private String errmsg;
Nach dem Login kopieren
Was den WeChat-Avatar betrifft: Wenn Sie eine http-URL erhalten, müssen Sie das Bild auf den Serverspeicher herunterladen und dann Holen Sie sich den relativen Pfad:

Java-Code

Detaillierte Erläuterung des benutzerdefinierten Menü-Implementierungscodes des WeChat-Entwicklungsmodells

private String access_token;  
private String expires_in;  
private String refresh_token;  
private String openid;  
private String scope;  
private String unionid;
Nach dem Login kopieren
Nachdem die grundlegende Arbeit erledigt ist, entwickeln wir jetzt den Code und entwickeln ihn dann gemäß diesem Schritt:

Schritt 1: Der Benutzer stimmt der Autorisierung zu und erhält den Code

Detaillierte Erläuterung des benutzerdefinierten Menü-Implementierungscodes des WeChat-Entwicklungsmodells Die URL hier ist die zuvor in den Eigenschaften vorbereitete URL.

Java代码  Detaillierte Erläuterung des benutzerdefinierten Menü-Implementierungscodes des WeChat-Entwicklungsmodells

/**
     * 微信用户授权
     * @Title: wechatOauth
     * @param @param request
     * @param @param response
     * @param @param model
     * @param @return
     * @return String
     * @throws xinz
     */
    @RequestMapping("wechatOauth")  
    public String wechatOauth(HttpServletRequest request,HttpServletResponse response,Model model)  {  
        /**
         *  1 第一步:用户同意授权,获取code
         */
        //首先拿到微信公众号的AppID、AppSecret等参数
        String AppID = ZhtxHelper.getApplicationResourcesProp("sendSms","AppID");  
        String urlOpen = ZhtxHelper.getApplicationResourcesProp("sendSms","url");  
        //如果用户授权成功则跳转到此url
        String loginUrl = ""+urlOpen+"/zhtx-wap/weixin/getAccessToken";  
        //用户授权,获取code
        String url = "https://open.weixin.qq.com/connect/oauth2/authorize?"
                    + "appid="+AppID+""
                    + "&redirect_uri="+loginUrl+""
                    + "&response_type=code"
                    + "&scope=snsapi_userinfo"
                    + "&state=123#wechat_redirect";  
        //forward redirect
        return "redirect:"+url+"";   
    }
Nach dem Login kopieren

第二步:通过code换取网页授权access_token

Java代码  Detaillierte Erläuterung des benutzerdefinierten Menü-Implementierungscodes des WeChat-Entwicklungsmodells

/**
     * 通过code换取网页授权access_token
     * @Title: getAccessToken
     * @param @param request
     * @param @param response
     * @param @param model
     * @param @return
     * @return String
     * @throws xinz
     */
    @RequestMapping("getAccessToken")  
    public String getAccessToken(HttpServletRequest request,HttpServletResponse response,Model model) {  
        //获取到返回的参数
        try {  
            //首先拿到微信公众号的AppID、AppSecret等参数
            String AppID = ZhtxHelper.getApplicationResourcesProp("sendSms","AppID");  
            String AppSecret = ZhtxHelper.getApplicationResourcesProp("sendSms","AppSecret");  
            String code = request.getParameter("code");  
            String url = null;  
            if(code!=null){  
                /**
                 *  2 第二步:通过code换取网页授权access_token
                 */
                //用户授权,获取code
                url = "https://api.weixin.qq.com/sns/oauth2/access_token?"
                        + "appid="+AppID+""
                        + "&secret="+AppSecret+""
                        + "&code="+code+""
                        + "&grant_type=authorization_code";  
                String requestMethod = "GET";  
                String outputStr = "";  
                String httpRequest = WeixinUtil.httpRequest(url, requestMethod, outputStr);  
                System.out.println("通过code换取网页授权access_token="+httpRequest);  
                AccessTokenModel accTok = JSON.parseObject(httpRequest, AccessTokenModel.class);  
                /**
                 *  4 第四步:拉取用户信息(需scope为 snsapi_userinfo)
                 */
                //用户授权,获取code
                String urlUser = "https://api.weixin.qq.com/sns/userinfo?"
                        + "access_token="+accTok.getAccess_token()+""
                        + "&openid="+accTok.getOpenid()+""
                        + "&lang=zh_CN";  
                String httpUser = WeixinUtil.httpRequest(urlUser, requestMethod, outputStr);  
                System.out.println("拉取用户信息=="+httpUser);  
                WechatUser wechatUser = JSON.parseObject(httpUser, WechatUser.class);  
                wechatUser.setAccess_token(accTok.getAccess_token());  
                /**
                 *  5 附:检验授权凭证(access_token)是否有效
                 */
                WechatMsg checkAccessToken = checkAccessToken(wechatUser.getAccess_token(), wechatUser.getOpenid());  
                if(checkAccessToken.getErrcode().equals("0")){  
                    CurrentSession.setAttribute("wechatUser", wechatUser);  
                    WechatUser wechatU = new WechatUser();  
                    wechatU.setOpenid(wechatUser.getOpenid());  
                    List<wechatuser> findWechatUser = wechatUserService.findWechatUser(wechatU);  
                    if(findWechatUser.size()>0){  
                        UserRegister userRegister = userService.findUserByOpenid(wechatUser.getOpenid());  
                        CurrentSession.setAttribute("user", userRegister);  
                        return "redirect:/user/userCenter";  
                    }else{  
                        return "/jsp/wechat/wechatregister";   
                    }  
                }else{  
                    //如果access_token失效,则再次进行调用,并存储access_token值,access_token有效期为2个小时
                    this.wechatOauth(request, response, model);   
                }  
            }  
        } catch (Exception e) {  
            System.out.println("===拉取用户出错===");  
            e.printStackTrace();  
        }  
        //forward redirect
        return "/jsp/wechat/wechatregister";   
    }</wechatuser>
Nach dem Login kopieren

第四步:拉取用户,和自己网站用户绑定

Java代码  Detaillierte Erläuterung des benutzerdefinierten Menü-Implementierungscodes des WeChat-Entwicklungsmodells

/**
     * 微信关联用户
     * @Title: saveWechatUser
     * @param @param mobilePhone
     * @param @param password
     * @param @param validataCode
     * @param @return
     * @return String
     * @throws xinz
     */
    @RequestMapping("saveWechatUser")  
    public String saveWechatUser(HttpServletResponse response,String mobilePhone,String password,String validataCode){  
        //使用手机号来判断该手机是否在注册
        UserRegister userRegister = userService.findUserByPhone(mobilePhone);  
        WechatUser wechatUser = (WechatUser)CurrentSession.getAttribute("wechatUser");  
        WechatUser wechatU = new WechatUser();  
        wechatU.setOpenid(wechatUser.getOpenid());  
        List<wechatuser> findWechatUser = wechatUserService.findWechatUser(wechatU);  
        if(findWechatUser.size()>0 && userRegister.getOpenid()!=null){  
            CurrentSession.setAttribute("user", userRegister);  
            return "redirect:/user/userCenter";  
        }else{  
            //如果没有注册,开始注册
            if(userRegister==null){  
                Result<userregister> saveUserInfoApp = userRegisterService.saveUserInfoApp(mobilePhone, password, validataCode,wechatUser);  
                if(saveUserInfoApp.getState()==1){  
                    //进行微信和用户的关联
                    wechatUserService.saveWechatUser(wechatUser);  
                    CurrentSession.setAttribute("user", userRegister);  
                    return "redirect:/user/userCenter";  
                }  
            }else if(userRegister.getOpenid()==null || userRegister.getOpenid().equals("")){  
            //否则,查询出用户信息,放入session中,关联微信,跳转到用户中心    
                UserRegister userReg = new UserRegister();  
                userReg.setId(userRegister.getId());  
                //存入微信openid
                userReg.setOpenid(wechatUser.getOpenid());  
                userService.upUser(userReg);  
                UserInfo user = new UserInfo();  
                //存入微信头像
                //图片类型
                String dateStr =DateUtil.format(DateUtil.getCurrentDate(), "yyyyMMdd")  + "/";  
                //图片类型
                String imgType = "JPG";  
                //微信头像名称
                String app2DBarNameAndType = UuidUtil.getUUID()+"."+imgType;  
                //微信头像路径
                String path =   ZhtxHelper.getApplicationResourcesProp("application","app.img.projectpath")+ SysConstant.GOODS2DBARPATH + dateStr;  
                File file1 = new File(path);  
                file1.mkdirs();  
                //图片全路径
                String imgUrl = SysConstant.GOODS2DBARPATH + dateStr+app2DBarNameAndType;  
                FileUtil.fileUpload(wechatUser.getHeadimgurl(), path);  
                user.setRegisterId(userRegister.getId());  
                user.setImageUrl(imgUrl);  
                userInfoService.updateUserInfo(user);  
                //存入微信用户
                wechatUserService.saveWechatUser(wechatUser);  
                UserRegister userW = userService.findUserByPhone(mobilePhone);  
                CurrentSession.setAttribute("user", userW);  
                return "redirect:/user/userCenter";  
            }else{  
                CurrentSession.setAttribute("user", userRegister);  
                return "redirect:/user/userCenter";  
            }  
        }  
        return "redirect:/user/userCenter";  
    }</userregister></wechatuser>
Nach dem Login kopieren

附:检验授权凭证(access_token)是否有效

Java代码  Detaillierte Erläuterung des benutzerdefinierten Menü-Implementierungscodes des WeChat-Entwicklungsmodells

/**
     * 检验授权凭证(access_token)是否有效
     * @Title: checkAccessToken
     * @param @param access_token 网页授权接口调用凭证,注意:此access_token与基础支持的access_token不同 
     * @param @param openid 用户的唯一标识 
     * @return WechatMsg   返回消息实体
     * @throws xinz
     */
    public static WechatMsg checkAccessToken(String access_token,String openid){  
         String requestMethod = "GET";  
         String outputStr = "";   
         String url = "https://api.weixin.qq.com/sns/auth?"
                + "access_token="+access_token+""
                + "&openid="+openid+"";  
         String httpmsg = WeixinUtil.httpRequest(url, requestMethod, outputStr);  
         System.out.println("拉取用户信息返回消息=="+httpmsg);  
         WechatMsg msg = JSON.parseObject(httpmsg, WechatMsg.class);  
         return msg;  
    }
Nach dem Login kopieren

 然后在网页端,则是需要编写H5页面,进行自己网站和微信用户的关联,我这里是使用手机号,用户输入手机号,进行判断,如果注册过就直接关联,如果用户没有注册则进行注册后关联,完成后跳转到会员中心。

 
Detaillierte Erläuterung des benutzerdefinierten Menü-Implementierungscodes des WeChat-Entwicklungsmodells
 

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung des benutzerdefinierten Menü-Implementierungscodes des WeChat-Entwicklungsmodells. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage