• 微信开发 调试工具 测试工具 微信开发中,如果有调试和测试工具,事半功倍,分享给大家
  • 项目的第一个版本收尾阶段突然出现了一个奇怪的bug,因为之前开发阶段的测试都是在浏览器以及微信开发工具上的模拟器进行的测试,所以直到临近项目上线才发现这个问题,具体表现如下:游戏运行在手机上会特别卡,...

    最近项目组在开发一款运行在微信小游戏环境的斗地主游戏,项目的第一个版本收尾阶段突然出现了一个奇怪的bug,因为之前开发阶段的测试都是在浏览器以及微信开发工具上的模拟器进行的测试,所以直到临近项目上线才发现这个问题,具体表现如下:游戏运行在手机上会特别卡,并且卡一段时间、或者卡一下就断线,即使断线恢复后也依然很不稳定。

    初步猜想:卡顿问题属于客户端程序问题,断线情况可以排除心跳包问题,可能是客户端发送消息包存在格式问题,或者服务器一些异常导致。

    首先通过调试信息来看,客户端并没有主动请求断开与服务器的连接,追踪服务器的日志信息来看,在客户端与服务器断开连接前,都是因为数据传输协议解析错误问题,导致服务器主动断开连接的,然后就又通过调试信息查看断开连接前客户端发送给客户端的消息包是否有格式问题,结果出乎意料没有。

    这就奇怪了,没办法,项目周期将至,不得不做些取舍,暂时实在没有头绪只好打算在服务器解析到消息包错误时忽略该消息,不做主动断开连接,本以为这样就可以暂时了事,怎料游戏运行在手机环境下的问题依然存在。

    从断线这条路线找下去没有头绪,只好换成从卡顿问题下手,用排除法把可能的逻辑代码注释调试,最后定位出了是因为代码中有些地方的console.log(...)日志记录非常耗时,有些地方光是因为加了这行代码就使逻辑执行时间慢了3秒,好了,问题找出来了就好办,最后采取的措施是:开发测试时因为是用浏览器以及微信开发工具模拟器调试,加上在模拟器上又不存在这种现象(其实是设备配置问题),所以程序员自己测试不加任何优化,如果是要上传微信体验包,就把console.log方法重写为一个空方法,这样,项目里每一句调用console.log()方法的地方实际不能使用正常的日志记录功能,仅仅是调用的一个空方法,这样改善之后,游戏跑在手机上就不存在这种问题了。

    展开全文
  • 微信开发者工具使用教程 如何上传、发布、审核等 2020年3月31日录 - 微信开发者工具使用教程 01-微信开发者工具的下载和安装 02-微信小程序账号的注册、登录、appid的获取 03-微信小程序开发和公众号开发模式的切换 ...
  • 确保微信开发者工具-设置-安全-服务端口开启;且已获得小程序项目的开发者角色。 1、打开Git Bash 克隆小程序项目。克隆完成后。 2、打开HBuilder,点击菜单“文件”下的“打开目录”,选择已克隆的小程序项目。...

    主手自己用的是Win7 64位的电脑。
    确保微信开发者工具-设置-安全-服务端口开启;且已获得小程序项目的开发者角色。
    在Windows系统下已安装GIT 和 TortoiseGIT安装。

    在这里插入图片描述
    1、打开Git Bash 克隆小程序项目。克隆完成后。
    2、打开HBuilder,点击菜单“文件”下的“打开目录”,选择已克隆的小程序项目。
    3、点击“运行—运行小程序模拟器-微信开发者工具”,等待小程序项目打开。
    4、小程序项目打开后,栏位“编辑器”背景色为绿色。单击“编辑器”去掉绿色。

    可以开始在微信开发者工具进行测试了。
    在这里插入图片描述

    展开全文
  • 呐,第一次接触微信开发,搞vue也搞了好久,页面框架和后台框架和我一点关系都没有,毕竟搬砖。。。。。。。自己也菜的抠脚。既然记不住,那就记笔记吧。下面是第一次为了用开发者工具测试需要配置的内容。首先,...

    呐,第一次接触微信的开发,搞vue也搞了好久,页面框架和后台框架和我一点关系都没有,毕竟搬砖。。。。。。。自己也菜的抠脚。既然记不住,那就记笔记吧。下面是第一次为了用开发者工具测试需要配置的内容。

    首先,登录微信公众平台,看到自己的appID,appsecret,如下图:


    然后在下图界面中点击修改:


    然后在弹出的页面,随便写一个url:


    在本地的后台中配置如下的内容,appID和secret与第一张截图内容一样,然后重启服务:


    最后在前端的配置中,需要配置内容如下:


    还有要在host文件里添加一行服务的信息:

    host文件路径C:\Windows\System32\drivers\etc

    红框部分为要添加的信息


    最后,打开开发者工具,然后输入之前填写的url,就可以看到自己的公众号网页了


    展开全文
  • 微信开发者工具是必不可少的,因为有些微信封装的方法只有微信开发者工具上才能使用,还有一个重要的原因就是,我们提交我们的代码审核必须通过该工具来提交,所有要做微信小程序和小游戏的开发,这个工具的学习是必...

    如果你要开发自己的微信小程序或者小游戏,微信开发者工具是必不可少的,因为有些微信封装的方法只有微信开发者工具上才能使用,还有一个重要的原因就是,我们提交我们的代码审核必须通过该工具来提交,所有要做微信小程序和小游戏的开发,这个工具的学习是必不可少的。

    老实说该工具不管是对久经沙场的老人还是萌新来说都是非常简单的,能很快上手,并且还是中文的哦,下面我们看看整体界面

    image

    整个编辑器大题分为四块,模拟器编辑器调试器工具栏,下面我们每个模块来独立讲解

    一、模拟器

    模拟器是工具为了让我们的代码达到所见即所得的效果,我们编写的代码效果能很快的在左边的界面上显示出去,做过web开发的小伙伴应该也很清楚,浏览器上按下F12也可以达到类似的效果,其实微信开发工具本身就是对浏览器进行了一定程度的封装,我们使用起来也相对亲切,模拟器还可以模拟不同手机,百分比、网络状态等,极大的方便了我们的开发和测试

    image

    二、编辑器

    编辑器是每个开发工具必不可少的一部分,功能也大同小异,微信开发工具上有新增WXML、WXSS等文件的快捷方式,还是比较方便的,微信小程序采用的是ES6的语法,这个工具的提示确实有些差了,很多时候都不能提示出来,所以有很多人现在会采用WebStorm(前端开发最强神器)编写后在到微信开发工具上提交,当然也会有些坑,后续将专门讲解,不过微信开发工具目前更新速度还是很快的,希望能快点改善智能提示的问题

    三、调试器

    第一眼看到这个调试器有没有一点眼熟,它和浏览器按下F12后几乎是一样的,但是微信工具也做了一些简化和新增,我们主要看看几个不同和比较有用的三个功能

    image

    1、Storage

    Storage可以理解成一个本地存储数据库,可以通过wx.setStorageSync(‘logs’, logs)等方法将我们需要的数据直接存储和取出,有时在开发的过程中是非常有用的,后续将介绍具体使用场景

    2、AppData

    AppData中主要存储了我们在页面上所有用到的变量,这个对于我们开发和调试来说是非常重要的,能通过它快速看到每个值的赋值情况,快速定位问题

    3、Audits

    这个是一个程序性能的分析工具,可以在开发和开发完成后,测试一下,看看我们的程序在那块还需要进行优化,非常方便

    三、工具栏

    工具栏提供了我们一些常用的操作,在此我们也只将一下常用到的,和一些有用的,主要有以下几点

    image

    1、预览

    点击预览按钮后,我们可以用我们的后台绑定的微信扫描,在真机上看具体的效果,因为工具毕竟是模拟器,在模拟器上没问题,而在手机上却存在问题的情况是常有的,所以开发完一个功能后,我们有必要在真机上看看效果

    2、真机调试

    如果在“预览”中发现在真机上有问题,我们可以点击真机调试,我们的手机上也能看到调试信息,非常方便的让我们进行调试真机问题

    3、清缓存

    有时候我们可能用到Storage或者修改了页面和样式等,但是在渲染的时候还是使用的原来的代码,此时清缓存就是非常必要的操作了

    4、上传

    上传是在我们将我们的小程序开发完成后,点击上传,就会将我们的代码提交给微信官方审核了,只有审核通过后,其他用户才能在微信中搜索和使用我们自己开发的小程序

    5、详情

    image

    详情中可以设置项目的一下信息,主要关注开发基础库的选择,版本不要过低或过高,教低的版本会让很多方法无法使用,太高的版本会让很多微信版本较低的用户无法使用你的小程序(当然你可以做兼容处理);开发使用本地的服务时,需要勾选上“不校验本地域名…”,这样小程序就可以调用本地的服务了

    展开全文
  • 微信开发本地调试工具(模拟微信客户端)开源免费微信管家系统(java)源码下载微信部署需要依靠80端口,如何快速有效的调试本地微信开发程序,捷微团队(jeewx-java微信开源系统),采用微信开发调试工具...

                              微信开发本地调试工具(模拟微信客户端)


    开源免费微信管家系统(java)源码下载


    微信部署需要依靠80端口,如何快速有效的调试本地微信开发程序,

    捷微团队(jeewx-java微信开源系统),采用微信开发调试工具,

    供本地开发测试;


    第一个参数:http://localhost:8080/jeewx/wechatController.do?wechat

    第二个参数:微信公众账号的原始ID

    QQ图片20140714231105.jpg

    微信开发调试功能.rar

    69.42 KB, 阅读权限: 10, 下载次数: 19



    体验公众号:



    展开全文
  • 最近微信发布了微信小程序内侧,各位程序员们是不是...本系列实战文章为大家介绍微信开发的相关知识,包括公众号申请、接口开发等。并为程序员们提供微信开发开源代码。后期也会出一些教学视频,和大家一起交流学习。
  • 请问你们平时在微信公众号开发中都是怎么测试的?除了用微信开发者工具测试。还会用到哪些测试工具用来测试哪些问题呀?
  • 2. 在公众号列表中, 开发者工具-》web开发工具-> 绑定开发者账号 -》输入你的微信号(微信号需关注公众号才可绑定),邀请绑定在微信客户端确认邀请即可 3. 在测试管理账号中, 网页授权获取用户基本信息  ...
  • 准备工作1.ngrok,微信的接口有一些是被动的接收从微信服务器发送的消息的,所以需要提供一个域名给微信服务器,ngrok可以将本机的指定端口,映射到一个域名。花生壳什么的也可以。 2.微信web开发者工具微信官方...
  • 进入开发者工具:公众号页面左下角 进入公众平台测试账号:开发者工具页面中...注意:本次微信开发专题,全部使用spring boot进行开发。 CODE:servletimport java.io.IOException; import java.io.PrintWriter;im
  • 微信小程序使用真机或开发工具进行http请求开发测试1使用微信开发这工具进行http请求的配置2:真机进行http请求 微信开发这平台要求上线微信小程序配置的合法域以及网络请求名必须是https,如果是在开发测试阶段需要...
  • 进入微信开发工具后,发现需要使用新的版本工具 - “工蜂”,在这之前公司用的 GitLab 搭建的服务器,本以为有什么不同,但是忘记了是 TX 的!!!咳咳,不难发现,这是微信开发工具有意推广 TX ...
  • 一、前言 这次的项目主要是关于微信...在开发过程中会设计到微信接口的调测,这里使用的微信公众号中提供的开发者工具中的在线接口调测和公众平台测试账号。注:微信支付功能不能使用公众平台测试账号测试,必须部署...
  • 今天新弄了个企业微信,在使用微信开发者工具调试的时候,遇到了如下的问题: 在网上找了下教程,发现全都是旧版本的解决方法不适用。这里介绍下新的企业微信的解决方案:1.首先,你必须是这个企业微信的管理员。这...
  • 方便微信公众平台开发者在本地调试自己的微信公众平台应用。软件采用Java开发,需要Java运行环境。软件开源,https://github.com/subirun/WechatTestTool
  • Mpvue的简单介绍以及开发时踩到的一些坑 微信开发者工具不支持打开vue文件,因为微信开发者工具只是一个用户代理(即显示网站用),类似chorme浏览器一样。 由于官方的微信开发者工具编辑mpvue不是很友好,所以...
  • 我用个人的微信扫描微信开发平台的测试号,使用ngrok映射本机tomcat项目到外网,页面回调也填写的域名,依然提示scope没有权限或者参数错误,二维码不显示,本地tomcat服务器能接收到发来的参数,望大牛解答
1 2 3 4 5 ... 20
收藏数 57,250
精华内容 22,900