微信开发工具使用本地环境_微信开发者工具调试本地代码微信登录 - CSDN
  • 1.微信测试号申请:...3.Ngrok,一款国外的内网穿透利器,好处是监听本地端口映射到外网,支持外网访问本地环境微信官方在QQ浏览器中内嵌了微信的本地测试环境其实就是用的Ngro

    1.微信测试号申请:http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login

    2.接口配置填写:由于此处URL只支持线上,而我们开发都在本地,所以要用到下面介绍的


    3.Ngrok,一款国外的内网穿透利器,好处是监听本地端口映射到外网,支持外网访问本地环境【微信官方在QQ浏览器中内嵌了微信的本地测试环境其实就是用的Ngrok】这东西被墙了,并且只有注册了【貌似现在要付费?】才支持自定义域名【如果不是自定义域名,那么每次启动域名都随机,第2步中的URL还要每次变,很麻烦】

    4.Natapp.cn-->基于Ngrok的免费内网穿透利器,名如其意。官网下载对应系统安装包,WINDOWS下解压,在对应文件夹内打开cmd然后执行下面的命令

    【Ngrok -config ngrok.cfg -subdomain myqpp 8080】由于咱们用的Tomcat所以监听8080端口,myapp处输入自己需要设定的名称

    5.执行4后下面的域名则为外网地址,访问此域名也就是访问-->127.0.0.1:8080


    6.将此域名填写到第2步中的URL中,TOKEN随便填写即可,先不要点击提交【微信开发文档中有个例子,PHP的,用于验证服务器地址的有效性】

    7.先不要启动咱的项目,先打开一个没有部署任何APP的Tomcat,在webapp/ROOT下面新建一个JSP页面,页面清空【不需要head,body等信息,清空所有】然后粘贴下面的代码

    <%
    out.print(request.getParameter("echostr"));
    %>

    8.点击提交即可绑定成功,然后用自己的微信扫面下方二维码关注测试公众号


    9.由于获取用户userinfo,需要设置授权回调域名页面



    10.现在可以关掉tomcat然后用咱们自己的项目进行开发了,注意替换对应的appID和appsecret

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

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

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

    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

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

    展开全文
  • 微信开发工具使用git

    2018-11-16 17:09:29
    1、初始化本地仓库 在微信Web开发者工具中点击「版本管理」。由于是新建项目,并没有初始化过Git仓库,所以项目会提示初始化Git仓库,点击「初始化 Git 仓库」,点击「确认」,完成本地仓库的初始化。 这一步骤...

    1、初始化本地仓库

    微信Web开发者工具中点击「版本管理」。由于是新建项目,并没有初始化过Git仓库,所以项目会提示初始化Git仓库,点击「初始化 Git 仓库」,点击「确认」,完成本地仓库的初始化。

    这一步骤相当于执行「git init」命令。

    2、初始化完成后,我们可以看到本地的仓库和当前的Git状态。下图为微信Web开发者工具初始化后的版本控制面板。

    3、配置仓库信息

    初始化完成后,依次点击「工作空间」->「设置」->「通用」->「编辑」,编辑在Git中使用的用户名和邮箱。这一步相当于git config命令中的配置操作。

    $ git config --global user.name "用户名"
    $ git config --global user.email "邮箱"

    需要注意的是:此处配置的邮箱名需要和 码云 https://gitee.com 上的邮箱保持一致,才能保证提交后能统计到Git的提交贡献信息。

    4、点击微信号开发工具的项目管理---设置--远程--添加

    5、 设置在码云上创建的项目的名称和克隆地址,点击确定即可

    6、 左侧会出现远程的路径目标

    7、 选择网络认证,认证方式为用户名、密码认证,填写在码云上使用的用户名密码即可

    8、 推送代码到远程仓库

    点击操作面板上的「推送按钮」,在弹出窗口选择「推送到新的远程仓库分支」,名称填写「master」,表示推送到远程仓库的master分支,然后点击「确定」

    9 、修改并提交代码

    点击开发工具面板的「版本管理」按钮,关闭「版本管理」面板,打开「pages/index/index.wxml」,修改其中内容「获取头像昵称」为「我的第一次修改提交」,保存。

    再次切换到「版本管理」面板,可以看到当前本地分支有一个文件等待提交,选中并勾选文件,可以查看当前文件内发生的改动。

     

    在下方提交框填写提交的备注信息,点击「提交」,将代码提交到本地仓库主干分支上。提交后,可以在本地仓库分支上查看提交记录。

     

    接下去我们再次将代码从本地分支推送到远程仓库。点击操作面板上的「推送按钮」,在弹出窗口选择「推送到一下远程仓库分支」,选择一存在的远程master仓库的master分支,然后点击「确定」。

     

    推送完成后,即可在码云对应的仓库主页看到提交的代码变更。

    注意事项:当一个小程序多个人共同开发时,在拉取最新的码云上代码的时候,拉取下来到微信开发工具上,开发工具并不能很好的识别并更新本地代码

    所以这里我们需要用到,git和tortoiseGit管理工具,

    下载下来安装到本地,在本地的工作空间目录生成.git版本库,再进行项目的拉取和推送,码云上的代码会更新到项目的工作空间内,进而更新到微信开发工具内

     

    展开全文
  • 微信开发本地调试工具(模拟微信客户端)开源免费微信管家系统(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



    体验公众号:



    展开全文
  • 微信开发本地测试环境搭建起来颇为繁琐(对微信团队失望,坑苦了苦逼的程序员)。
  • 微信开发者工具使用教程 如何上传、发布、审核等 2020年3月31日录 - 微信开发者工具使用教程 01-微信开发者工具的下载和安装 02-微信小程序账号的注册、登录、appid的获取 03-微信小程序开发和公众号开发模式的切换 ...
  • 对于微信开发而言,它和普通的web项目其实并没什么区别。微信项目也是web项目的一种,只不过它是在微信的内置的QQ浏览器里运行,更多的在手机端运行。微信本地开发,需要注意的就是调试与测试,因为页面要做手机端...
  • 环境工具:eclipse、nginx、微信开发者工具、Fiddler(抓包)、手机一枚、hosts 1.配置hosts 127.0.0.1 www.test.com 2.nginx配置(我的项目可能有些不同) server { listen 80; server_name www.test.com...
  • 微信开发工具里兼容了代码版本管理的功能,通过和Git远程连接,可以解决此问题。 首先新创建一个微信小程序项目 微信开发工具右上角就是版本管理。详情->本地设置中 勾选不校验域名选项。在版本管理之前,我们...
  • 步骤一:微信开发工具 打开项目 步骤二:新建个文件夹(放项目的一级或者二级目录都可以),然后把图片拷贝到这个目录下。 注意:一定要用你从 微信开发工具 打开的项目window窗口完成新建文件夹和把图片copy...
  • 之前下载了微信开发者工具,最近一直提示下载更新。因为嫌麻烦,就没有更新。结果今天微信开发者工具竟然打不开了!好吧!以后还是经常更新比较好!  遇到了微信开发者工具打不开的问题,就重新下载了最新版的微信...
  • 于是开始学习微信小程序开发文档,下载微信开发者工具,进行开发了。开发过程中需要调试,开始只是打日志或者断言,觉得很不方便,希望跟IDEA一样的调试器,于是摸索如下: 第一步:打断点,我们必须在我们想要它停下来的...
  • 准备工作1.ngrok,微信的接口有一些是被动的接收从微信服务器发送的消息的,所以需要提供一个域名给微信服务器,ngrok可以将本机的指定端口,映射到一个域名。花生壳什么的也可以。 2.微信web开发者工具微信官方...
  • 以下内容分为空的gitee仓库,将微信开发工具导入gitee和从gitee上扒下代码导入到空的本地项目中。 1、创建gitee仓库 直接在gitee上创建一个新的仓库就好了,新建,就一个空的。等着把代码从微信开发者工具导进去...
  • 简单讲一下利用微信官方提供的工具--微信web开发者工具,进行微信工程的本地调试和测试、生产环境的调试。  本地调试, 利用自己申请的订阅号的公众平台测试账号测试。  1、按照上篇文章中介绍的,设置网页授权...
  • appach的配置; 微信后台的配置; 本地服务器环境的配置; 共三大块,有时间再写,敬请期待;下班咯;
  • 进入微信开发工具后,发现需要使用新的版本工具 - “工蜂”,在这之前公司用的 GitLab 搭建的服务器,本以为有什么不同,但是忘记了是 TX 的!!!咳咳,不难发现,这是微信开发工具有意推广 TX ...
  • 微信支付–在本地弄测试环境
  • 模拟微信登陆操作手册 功能说明 功能说明:本操作手册成功后开发人员可模拟微信登陆,便于开发人员最终前端、后台代码。 准备工作 安装natapp ... 登录natapp网址,改端口号为8081,进行支付宝...安装微信开发者工.
  • 微信开发时,把本机的服务映射到外网。这样就可以很容易的完成调试。 具体步骤如下:下载 natapp客户端 https://natapp.cn/注册账号获取token运行客户端 natapp -authtoken=xxxx出现下图表示成功 附:还有...
1 2 3 4 5 ... 20
收藏数 35,980
精华内容 14,392
关键字:

微信开发工具使用本地环境