• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

微信小程序和微信公众号(H5)开发总结

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

做小程序和公众号开发1年多了,遇到一些坑,总结下:

1,最近基于微信公众号开发H5时,线上环境和测试环境问题,微信提供了开发者工具-公众平台测试帐号的功能,但是我们的项目是要获取unionid,通过unionid打通公众号H5和小程序的数据,但要获取unionid,需要把公众号绑定到开放平台下,微信提供的测试账号无法绑定到微信开放平台下,所以这个功能的测试会受限制

解决方案:一年多申请过3个公众号,拿其中另一个公众号,创建菜单,并绑定到微信开放平台下,做测试,unionid可以正常获取,各个测试场景都可以测试到位。

另外,用测试公众号开发的过程中,除了unionid没法正常获取外,其余的功能可以正常联调,点击菜单的过程中因为有菜单点击,会报没有网页授权权限,这个解决办法

是需要点击测试账号中的网页授权接口的修改,如下:

 

{
     "button":[
      {
           "name":"营销素材",
           "sub_button":[
           {
                "type": "miniprogram", 
                "name": "营销素材", 
                "url": "pages/tabs/tabs", 
                "appid": "", 
                "pagepath": "pages/tabs/tabs"
            }, 
            {
                "type": "view", 
                "name": "购买会员", 
                "url": "https://open.weixin.qq.com/connect/oauth2/authorize?appid=&redirect_uri=https%3A%2F%2F%2Fsucaigzh%2Findex.html&response_type=code&scope=snsapi_base&state=123&connect_redirect=1#wechat_redirect"
                 }]
       },
       {    
               "type":"view",
               "name":"招聘相册",
               "url":"https://open.weixin.qq.com/connect/oauth2/authorize?appid=&redirect_uri=https%3A%2F%2F%2Fzp%2Findex.html&response_type=code&scope=snsapi_userinfo&state=STATE&connect_redirect=1#wechat_redirect"
       }
       ]
 }

2,微信公众号H5开发的分享到朋友圈的过程中,一直报config:fail,Error: 系统错误,错误码:63002。根本原因是url是前台每次都要传给后端接口,因为前端菜单点击时,code每次都会变化,后台如果写死,会导致签名用的code跟前端传给微信的code不一致

解决方案:后台动态获取url,

 

@ApiOperation("招聘相册城市列表")
    @RequestMapping(value = "/share", method = {RequestMethod.GET,RequestMethod.POST})
    public ResultDTO<List<ZpJob>> photoCityList(HttpServletRequest request) {
        try {
            long time = System.currentTimeMillis();
            log.info("PhotoController photoCityList started...");
            Map<String,Object> result = new HashMap<String,Object>();
//            JSONObject config = JSConfig(request);
//            result.put("appId", config.getString("appId"));
//            result.put("timestamp", config.getString("timestamp"));
//            result.put("nonceStr", config.getString("nonceStr"));
//            result.put("signature", config.getString("signature"));
            
            
            //2、获取Ticket  
            String jsapi_ticket = tokenUtils.getJSTicket();;  
              
            //3、时间戳和随机字符串  
            String noncestr = UUID.randomUUID().toString().replace("-", "").substring(0, 16);//随机字符串  
            String timestamp = String.valueOf(System.currentTimeMillis() / 1000);//时间戳  
              
            System.out.println("jsapi_ticket:"+jsapi_ticket+"\n时间戳:"+timestamp+"\n随机字符串:"+noncestr);  
              
            //4、获取url  
//            String url="https%3A%2F%2Fqingzhu.kdaren.com%2FzpTest%2Findex.html%3Fcode%3D011eD50003FJFK1qw0200s4XuG1eD50L%26state%3DSTATE";  
//            url = URLDecoder.decode(url);
            String url = request.getParameter("url").trim();
            url = URLDecoder.decode(url);
            /*根据JSSDK上面的规则进行计算,这里比较简单,我就手动写啦 
            String[] ArrTmp = {"jsapi_ticket","timestamp","nonce","url"}; 
            Arrays.sort(ArrTmp); 
            StringBuffer sf = new StringBuffer(); 
            for(int i=0;i<ArrTmp.length;i++){ 
                sf.append(ArrTmp[i]); 
            } 
            */  
              
            //5、将参数排序并拼接字符串  
            String str = "jsapi_ticket="+jsapi_ticket+"&noncestr="+noncestr+"&timestamp="+timestamp+"&url="+url;  
             
            //6、将字符串进行sha1加密  
            String signature =SHA1(str);  
            
            result.put("appId", appid);
            result.put("timestamp", timestamp);
            result.put("nonceStr", noncestr);
            result.put("signature", signature);
            System.out.println("参数:"+str+"\n签名:"+signature);  
            log.info("PhotoController photoCityList Method:cost time {}", System.currentTimeMillis() - time);
            return new ResultDTO().ok(result);
        } catch (Exception e) {
            e.printStackTrace();
            log.error("招聘相册城市列表查询失败", e);
            return new ResultDTO().error("招聘相册城市列表查询失败");
        }
    }
    
    public static String SHA1(String decript) {  
        try {  
            MessageDigest digest = java.security.MessageDigest.getInstance("SHA-1");  
            digest.update(decript.getBytes());  
            byte messageDigest[] = digest.digest();  
            // Create Hex String  
            StringBuffer hexString = new StringBuffer();  
            // 字节数组转换为 十六进制 数  
                for (int i = 0; i < messageDigest.length; i++) {  
                    String shaHex = Integer.toHexString(messageDigest[i] & 0xFF);  
                    if (shaHex.length() < 2) {  
                        hexString.append(0);  
                    }  
                    hexString.append(shaHex);  
                }  
                return hexString.toString();  
       
            } catch (NoSuchAlgorithmException e) {  
                e.printStackTrace();  
            }  
            return "";  
    }  
    


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap