• 释: 我是订阅号,申请的微信开发测试账号,操作授权登录 1. 下载web开发工具 2. 在公众号列表中, 开发者工具-》web开发工具-> 绑定开发者账号 -》输入你的微信号(微信号需关注公众号才可绑定),邀请...


    释: 我是订阅号,申请的微信开发测试账号,操作授权登录


    1.  下载web开发工具


    2.  在公众号列表中, 开发者工具-》web开发工具-> 绑定开发者账号 -》输入你的微信号(微信号需关注公众号才可绑定),邀请绑定在微信客户端确认邀请即可


    3.  在测试管理账号中, 网页授权获取用户基本信息  接口,点击修改  填充(授权回调页面域名),沙盒测试环境不限ip和域名,我填充的ip ( 注释: ip填充只需 如192.168.0.1:port,前缀不需要http,此坑已踩)


    4.  授权链接 https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx58caa75dbeb054aa&redirect_uri=http://192.168.0.1:8014/wechat_login&response_type=code&scope=snsapi_userinfo&state=1   回调按照自己的需求更改即可

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

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

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

    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、初始化本地仓库 ... 这一步骤相当于执行「git init」命令。 ...2、初始化完成后,我们可以看到本地的仓库和当前的Git状态。下图为微信Web开发者工具初始化后的版本控制面板。 3、配置仓库信息 初...

    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版本库,再进行项目的拉取和推送,码云上的代码会更新到项目的工作空间内,进而更新到微信开发工具内

     

    展开全文
  • 例如微信开发工具安装的位置是:f:\Program Files (x86)\Tencent\微信web开发者工具 cmd: f:\Program Files (x86)\Tencent\微信web开发者工具>.\微信开发者工具.exe --disable-gpu 原因是: 新版本默认开启了...

    在这里插入图片描述

    例如微信开发工具安装的位置是:f:\Program Files (x86)\Tencent\微信web开发者工具
    cmd:
    f:\Program Files (x86)\Tencent\微信web开发者工具>.\微信开发者工具.exe --disable-gpu
    在这里插入图片描述

    原因是:
    新版本默认开启了gpu加速,所以–disable-gpu 就可以了。
    启动微信开发者工具后,在项目设置里面 把多核编译勾选去掉。

    解决了困扰多时的问题

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



    体验公众号:



    展开全文
  • 1.在Hbuilder X里选择微信开发工具的自定义安装位置 2.打开微信开发工具,设置->代理设置 服务端口开启即可 3.在Hbuilder X里选择 微信小程序运行就可以自动调用微信开发工具 ...
  • 微信开发者工具首次登录,显示网络连接失败 首次打开是下面这样 电脑是64位的操作系统,所以一直下的是64位的版本,查看网上的解决办法:删除重新安装,换一个路径重新安装等等方法,均无效,就在解决无望的时候 ...
  • 进入微信开发工具后,发现需要使用新的版本工具 - “工蜂”,在这之前公司用的 GitLab 搭建的服务器,本以为有什么不同,但是忘记了是 TX 的!!!咳咳,不难发现,这是微信开发工具有意推广 TX ...
  • 相关文章微信小程序开发(二)开发之日历打卡小程序发现页微信小程序开发(三)入门之创建打卡活动前言一直不温不火的微信小程序2018年迎来了第二春,在我的记忆中随着跳一跳小游戏的出现,一时间...(一)微信开发...
  • 微信开发者工具使用教程 如何上传、发布、审核等 2020年3月31日录 - 微信开发者工具使用教程 01-微信开发者工具的下载和安装 02-微信小程序账号的注册、登录、appid的获取 03-微信小程序开发和公众号开发模式的切换 ...
  • 官方给的文档中,微信开发者工具编辑器兼容了部分 VS Code 扩展插件,可以使用VS Code软件里面的插件。 具体操作教程如下: 一.打开用户目录下,在/.vscode/extensions 下找到其已解包的扩展文件夹 二.点击 [编辑] ...
  • Mpvue的简单介绍以及开发时踩到的一些坑 微信开发者工具不支持打开vue文件,因为微信开发者工具只是一个用户代理(即显示网站用),类似chorme浏览器一样。 由于官方的微信开发者工具编辑mpvue不是很友好,所以...
  • 于是开始学习微信小程序开发文档,下载微信开发者工具,进行开发了。开发过程中需要调试,开始只是打日志或者断言,觉得很不方便,希望跟IDEA一样的调试器,于是摸索如下: 第一步:打断点,我们必须在我们想要它停下来的...
  • 因为自己平时开了Lantern代理,今天打开微信开发者工具突然显示网络连接失败,二维码也刷新不出来,如下图所示: 解决方法 1.点击"设置"->“代理设置”,如下图 2.软件默认代理设置为“使用系统代理”,如下图...
  • 微信Java开发工具

    2018-07-11 18:10:48
    可能是目前最好最全的微信Java开发工具包(SDK)支持包括微信支付、开放平台、公众号、企业微信/企业号、小程序等相关模块功能的后端开发。 重要信息最近微信支付爆出的所谓漏洞是官方的老版的微信支付所谓的SDK ...
  • 微信开发者工具集成git,实现多人协调开发,下面就拿GitHub举例,一一说明。 一、在GitHub创建远程仓库。这里忽略,网上很多。 二、在微信开发者工具中配置Git,并实现文件上传。 1.点击开发者工具右上角的...
  •  遇到了微信开发者工具打不开的问题,就重新下载了最新版的微信开发者工具!但是下载完了以后,却发现打不上汉字,我的天呀!网上搜索还是微信开发者工具自身的bug,需要重新启动一下才可以使用。好吧,我又关了重新...
  • 在linux下开发微信小程序,发现用虚拟机执行widnows然后运行微信开发者工具太难用了,每次改完js文件,需要先关闭掉开发者工具中的项目再重新打开并编译,才能正常编译,一次编译就要近1分钟,太痛苦了,网上有许多...
  • 1.使用localhost本地调试 使用微信开发者工具, 选择微信网页授权, 微信团队为广大的开发者提供了一个测试...这么好用的功能,只需要要你有一个手机,手机上安装了一个微信即可。 地址:https://mp.weixin.qq.co...
  • 微信开发必备工具 微信开发必备工具下载地址: http://download.csdn.net/detail/wyx100/8801941 工具: xmlmarker_1_1_setup sqldeveloper portecle-1.7 Notepad_6.7.9 KeyTool_GUI_1.6 工具和教程 jad v1.5.8g ...
1 2 3 4 5 ... 20
收藏数 134,173
精华内容 53,669