2019-07-25 15:47:42 weixin_38364280 阅读数 325
  • 微信公众号开发-开发后台设计

    《微信公众号开发-开发后台设计》是子恒老师出品的微信公众号开发系列之一,这套视频教程,使用响应式网站的模式,帮你设计好开发后台,让你在后续的微信公众号开发中更高效。欢迎反馈,QQ/微信:68183131

    10606 人正在学习 去看看 秦子恒

解决微信开发者工具报错:当前开发者未绑定此AppID,请到小程序后台操作重试

首先要在微信公众平台注册小程序账号,注意与公众号(订阅号)账号区别开来,小程序账号不是公众号账号,登录后小程序账号的界面是这样的:微信公众品台--小程序
然后用点击上图的添加开发者进入到如下界面:添加开发者
邀请登录微信开发者工具的微信 成为该小程序的开发者后就解决该问题了。
要注意的是:
1.区分公众号的AppID与小程序的AppID,他们登录微信开放平台的账号是不一样的,登录后的主界面也是不一样的
2.获取小程序的AppID:
小程序APPID

2017-07-07 14:47:26 byc233518 阅读数 2966
  • 微信公众号开发-开发后台设计

    《微信公众号开发-开发后台设计》是子恒老师出品的微信公众号开发系列之一,这套视频教程,使用响应式网站的模式,帮你设计好开发后台,让你在后续的微信公众号开发中更高效。欢迎反馈,QQ/微信:68183131

    10606 人正在学习 去看看 秦子恒

上次是重装了解决了卡顿的问题;

总不能过几天就重装一次啊!

更不能忍受现在这样一点一卡, 一键一卡!

找遍菜单也没找到任何有用的选项!

开始解决:

0. 关闭微信web开发者工具;

1. 打开 finder, 按下 shift + command + G , 输入 ~/资源库


2. 找到 下面几个文件夹, 删掉这几个东西:

    Application Support --> 微信web开发者工具
   Preferences -->com.tencent.wechat.devtools.plist
   Caches -->微信web开发者工具

3. 重新打开吧

2017-05-01 16:41:08 y_f_raquelle 阅读数 3540
  • 微信公众号开发-开发后台设计

    《微信公众号开发-开发后台设计》是子恒老师出品的微信公众号开发系列之一,这套视频教程,使用响应式网站的模式,帮你设计好开发后台,让你在后续的微信公众号开发中更高效。欢迎反馈,QQ/微信:68183131

    10606 人正在学习 去看看 秦子恒

微信公众平台开发者文档:http://mp.weixin.qq.com/wiki/home/index.html


首先申请一个微信公众开发测试账号:http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login


申请后会提供appID和appsecret,你需要在自己的代码中添加接口配置的处理。

但此处URL必须为一个公网地址,且使用80端口,这就涉及到之前讲到的公网映射的方式。通常使用ngrok,注册后获得authtoken并配置,使用ngrok http <port>即可将指定端口映射到公网80端口。

接口配置的java示例:(参考Journey的博客

@WebServlet(urlPatterns = "/wx", name = "wxHouseKeeperServlet")  
public class HouseKeeper extends HttpServlet {  
    public static final String TOKEN = "mzmzo";  
  
    @Override  
    protected void doGet(HttpServletRequest request, HttpServletResponse response)  
            throws ServletException, IOException {  
        try {  
            // 开发者提交信息后,微信服务器将发送GET请求到填写的服务器地址URL上,GET请求携带参数  
            String signature = request.getParameter("signature");// 微信加密签名(token、timestamp、nonce。)  
            String timestamp = request.getParameter("timestamp");// 时间戳  
            String nonce = request.getParameter("nonce");// 随机数  
            String echostr = request.getParameter("echostr");// 随机字符串  
            PrintWriter out = response.getWriter();  
            // 将token、timestamp、nonce三个参数进行字典序排序  
            String[] params = new String[] { TOKEN, timestamp, nonce };  
            Arrays.sort(params);  
            // 将三个参数字符串拼接成一个字符串进行sha1加密  
            String clearText = params[0] + params[1] + params[2];  
            String algorithm = "SHA-1";  
            String sign = new String(  
                    Hex.encodeHex(MessageDigest.getInstance(algorithm).digest((clearText).getBytes()), true));  
            // 开发者获得加密后的字符串可与signature对比,标识该请求来源于微信  
            if (signature.equals(sign)) {  
                response.getWriter().print(echostr);  
            }  
        } catch (Exception e) {  
            e.printStackTrace();  
        }  
    }     
}  

此处TOKEN与网页中填写的Token一致即可

接下来配置“网页授权获取用户基本信息


注意填写时不用加http://,只填写域名即可。

完成后扫描下方二维码即可关注自己的公众测试号,网页中会显示关注用户的Openid。

下载微信Web开发工具,即可模拟手机调试


完成登录和绑定后,开发者就可以开始调试微信网页授权,在地址栏直接输入URL

示例: https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx841a97238d9e17b2&redirect_uri=http://cps.dianping.com/weiXinRedirect&response_type=code&scope=snsapi_base&state=type%3Dquan%2Curl%3Dhttp%3A%2F%2Fmm.dianping.com%2Fweixin%2Faccount%2Fhome

这里appid填写之前注册后得到的,redirect_uri指向自己的公网域名下的url,response_type为code,scope为snsapi_base表示静默授权,state填写uri后的mapping。注意这里的redirect_uri和state可能需要urlencode。








2019-12-12 00:10:18 qq_41219586 阅读数 21
  • 微信公众号开发-开发后台设计

    《微信公众号开发-开发后台设计》是子恒老师出品的微信公众号开发系列之一,这套视频教程,使用响应式网站的模式,帮你设计好开发后台,让你在后续的微信公众号开发中更高效。欢迎反馈,QQ/微信:68183131

    10606 人正在学习 去看看 秦子恒

1.说明:前端使用微信开发者工具,后台用ideal,后台框架为springboot+mybatisplus 本文主要内容是实现从数据库查询数据并运用在页面上的整个流程

后台不会搭建的可以点击下面的链接看下另一篇博客
链接

2.数据库表的数据以及显示效果

在这里插入图片描述
在这里插入图片描述

3.后台关键代码

(1)action层

  /**
     * 查找商品的类别 返回数组类型的数据
     * */
    @RequestMapping("/findclassify")
    public ArrayList findclassify(){
        ArrayList classify =  goodsService.findclassify();
        System.out.println(classify);
        return classify;
    }

(2)service层

 public ArrayList findclassify() {
        return goodsDao.findclassify();
    }

(3)dao层

public ArrayList findclassify();

(4)mapper映射文件

    <select id="findclassify" resultType="java.lang.String">
        select  classify_name from t_classify ;
    </select>

4.前台关键代码

(1)wxml代码
key==index?‘is_checked’:‘classify_normal’–>根据点击与未点击的部分显示不同样式,具体查看下面的博客
链接

  <!-- 左边分类栏 -->
  <view class="left">
   <!-- wx:for遍历js中的classify1数组并显示-->
    <view wx:for="{{classify1}}"  wx:key="key" data-url="{{item.classify_id}}"  >
      <view class="{{key==index?'is_checked':'classify_normal'}}" bindtap="Checked"  data-index='{{index}}'>{{item}} </view>
    </view>
  </view>

(2)wxss代码

/*左边分类模块*/
.left{
  width: 160rpx;
  min-height: 1000rpx;
  background-color: white;
}
/*点击前的样式*/
.classify_normal{
width: 160rpx;
height: 110rpx;
display: flex;
justify-content: center;
align-items: center;
background-color: #E4E4E4;
border-top: solid 1rpx white;
}
/*被点击选中后的样式*/
.is_checked{
width: 158rpx;
height: 110rpx;
display: flex;
justify-content: center;
align-items: center;
background-color:white;
border-bottom: solid 2rpx #E4E4E4;
border-left: solid 4rpx red;
}

(3)js代码

 /**
   * 页面的初始数据
   */
  data: {
    classify1:[
    ],
    key:0
    }
     /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var that = this;
    /**
     * 查询商品有哪些类型
     */
    // findclassify:是action层@RequestMapping内对应的值,
    wx.request({
      url: 'http://localhost:8080/findclassify',
      success:function(e){
      /*把查出来的数据赋值给classify1数组*/
        that.setData({
          classify1: e.data
        }) 
      }
    })

该方法并没有向数据库传参数 ,只是一个简单的查询;
如果是要传参数到后台,那么在wx.request里加上一个data:{}就可以了;代码如下
findgoods:是action层@RequestMapping内对应的值,

   wx.request({
      url: 'http://localhost:8080/findgoods',
      data:{
			classify:classify的值
		}
    })

后台数据接收如下:
在这里插入图片描述

2019-04-09 18:46:42 xiaolin9902 阅读数 227
  • 微信公众号开发-开发后台设计

    《微信公众号开发-开发后台设计》是子恒老师出品的微信公众号开发系列之一,这套视频教程,使用响应式网站的模式,帮你设计好开发后台,让你在后续的微信公众号开发中更高效。欢迎反馈,QQ/微信:68183131

    10606 人正在学习 去看看 秦子恒

今天在调试一个微信公众号的项目,用微信开发者工具做调试。有一个页面我一点击刷新,后台就会断点两次。有什么重定向的地方我不知道么?于是去掉微信浏览器的限制,直接将地址拷贝到chrome里面,不会重复请求。然后又改用菜单里面的刷新,也没有重复请求。

看来是微信开发者工具的bug,用菜单里面的刷新吧。

没有更多推荐了,返回首页