微信开发者工具手机映射_微信开发者配置映射文件 - CSDN
  • 微信手机端调试工具[下载地址] (https://mp.weixin.qq.com/wiki/10/e5f772f4521da17fa0d7304f68b97d7e.html) 进入后的页面 注:1.如果安装调试工具-微信Web开发者工具需要卸载以前安装过的微信Web开发者工具...

    微信手机端调试工具[下载地址]

    (https://mp.weixin.qq.com/wiki/10/e5f772f4521da17fa0d7304f68b97d7e.html)
    进入后的页面
    这里写图片描述
    这里写图片描述

    注意:

    1.如果安装调试工具-微信Web开发者工具需要卸载以前安装过的微信Web开发者工具(比如小程序-微信Web开发者工具),建议使用腾讯管家之类的清理干净。

    2.安装好后,选择移动调试,X5 Blink内核调试,先验证手机是否支持X5 Blink内核调试,如果不支持,找一台支持的手机。
    这里写图片描述
    3.翻墙,用usb线连接移动设备与本机,在手机设置里搜索usb调试,打开usb调试功能,用移动设备扫描以上二维码,勾选信息>TBS setting > 是否打开TBS内核 Inspector调试功能,点击开始调试。
    4.退出微信,从新登录打开微信端的网页后会出现下图(如果未出现,或空白则需要翻墙),点击inspect
    这里写图片描述
    5.现在进入了我们熟悉的chrome调试界面

    这里写图片描述

    展开全文
  • 1.将安装好的 微开发者工具移动到没有中文路径的地址,然后将 微信开发者工具.exe 更改为英文名字,然后发送到桌面快捷方式 2,按照谷歌配置可跨域的方法配置 配置方法(配置的时候请保证 你的软件在关闭状态) ...

    1.将安装好的 微开发者工具移动到没有中文路径的地址,然后将   微信开发者工具.exe 更改为英文名字,然后发送到桌面快捷方式

    2,按照谷歌配置可跨域的方法配置

     

    配置方法(配置的时候请保证 你的软件在关闭状态)

    邮件你发送到桌面的快捷方式,然后更改  目标

    后面加上 这一句话

    --args --disable-web-security --user-data-dir

    然后通过这个快捷方式进行打开 微信开发者工具就支持跨域了

    转载于:https://www.cnblogs.com/MainActivity/p/9928913.html

    展开全文
  • 使用微信开发者工具, 选择微信网页授权, 微信团队为广大的开发者提供了一个测试账号。该帐号无需公众账号,快速申请接口测试,直接体验和测试公众平台所有高级接口。这么好用的功能,只需要要你有一个手机手机上...

    转:https://www.jianshu.com/p/9ced1a297c95

    1.使用localhost本地调试

    1. 使用微信开发者工具, 选择微信网页授权, 微信团队为广大的开发者提供了一个测试账号。该帐号无需公众账号,快速申请接口测试,直接体验和测试公众平台所有高级接口。这么好用的功能,只需要要你有一个手机,手机上安装了一个微信即可。
      地址:
      https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login
      登录后,会得到一个微信号,和测试好的相关信息。appID,appsecret。
    2. 扫描测试号二维码, 并关注公众号.在网页服务的网页账号中点击修改,填入127.0.0.1:8080(没有http)
    3. 组装授权Url.
      https://open.weixin.qq.com/connect/oauth2/authorize?appid=APPID&redirect_uri=REDIRECT_URI&response_type=code&scope=SCOPE&state=STATE#wechat_redirect
      把参数替换成自己的参数, appid填入测试号的appid, REDIRECT_URI填入 经过encodeURIComponent()的参数,SCOPE填入snsapi_userinfo, state=#wechat_redirect即可 eg:https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxef450dbeb79f6c72&redirect_uri=http://5ed286c2.ngrok.io/wx/mp&response_type=code&scope=snsapi_userinfo&state=#wechat_redirect
    4. 把组装后的url填入微信开发者工具地址栏中就可以发起授权弹窗了

    2.使用ngrok映射本机ip使外网可以访问.

    1. 申请ngrok账号(https://ngrok.com), 经过官网四步后,生成一个可在外网访问的域名
    2. 在测试账号的域名中添加自己生成的域名(不要加http和端口)
    3. 组装url 访问调试



    作者:sologuy
    链接:https://www.jianshu.com/p/9ced1a297c95
    来源:简书
    简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

    展开全文
  • 前几天更新到最新版的微信开发工具后,发现在修改js或者wxml的时候,保存编译,页面内容不变化,只有关闭开发工具再重新打开才行问题别人也遇到了:...amp;...amp;token=&docid=ac32eb457624a677b65078222a5...

    前几天更新到最新版的微信开发工具后,发现在修改js或者wxml的时候,保存编译,页面内容不变化,只有关闭开发工具再重新打开才行

    问题别人也遇到了:

    https://developers.weixin.qq.com/blogdetail?action=get_post_info&lang=zh_CN&token=&docid=ac32eb457624a677b65078222a537d06

    下面有人回复:


    我正好用的也是win10+onedrive,但是我关闭了onedrive还是没用,然后突然想到,我的代码目录是一个映射目录,当时是为了onedrive同步方便,我将代码文件放在D:\OneDrive\工作\项目,然后用了mklink命令将这个目录映射到了D:\当前项目,最后将代码换个正常文件夹,重新打开开发工具,就能正常保存了。

    展开全文
  • 1.说明:前端使用微信开发者工具,后台用ideal,后台框架为springboot+mybatisplus 本文主要内容是实现从数据库查询数据库显示在页面上的整个流程 后台不会搭建的可以点击下面的链接看下另一篇博客: 链接 2.数据库表...

    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的值
    		}
        })
    

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

    展开全文
  • 前几天写了一篇使用fiddler调试微信端页面的,然后博友评论说使用fiddler太麻烦了,推荐使用微信web开发者工具调试微信页面,这两天弄着玩了一下,很强大。这篇文章只是做一个记录,方便自己以后使用的时候看看,...
  • 使用微信web开发者工具调试微信企业号页面(前端页面,已发布在服务器上的)前几天写了一篇使用fiddler调试微信端页面的,然后博友评论说使用fiddler太麻烦了,推荐使用微信web开发者工具调试微信页面,这两天弄着玩...
  • 简单讲一下利用微信官方提供的工具--微信web开发者工具,进行微信工程的本地调试和测试、生产环境的调试。  本地调试, 利用自己申请的订阅号的公众平台测试账号测试。  1、按照上篇文章中介绍的,设置网页授权...
  • 一,为什么使用natapp 1,在进行微信公众号开发时,我们需要搭建网站,并且随时都有可能修改网站内容进行调试。如果能够将内网ip映射到外网上,将大大方便我们的调试...该工具很方便使用,特别适合这种内网映射外网
  • 请问,微信公众开发平台的开发者文档接口,应该如何使用,能否请教JAVA开发的高手编写一段程序示范一下啊?谢谢。我看到网上有高手用JSON数据写了一段JAVA文件,不知道,是不是还需要配置web.xml等配置文件才能使用...
  • 【重点】page对应的main.js配置: import Vue from 'mpvue'; import Person from './person.vue'; import store from '@/store'; const app = new Vue({ ...Person, ... 第一次用Mpvue编写微信小...
  • 前几天写了一篇使用fiddler调试微信端页面的,然后博友评论说使用fiddler太麻烦了,推荐使用微信web开发者工具调试微信页面,这两天弄着玩了一下,很强大。这篇文章只是做一个记录,方便自己以后使用的时候看看,...
  • 第二步:映射外网、路由(TP-LINK)端口,配置IIS发布项目 第三步:小程序访问、调用VS的传过来的JSON字符串,展示数据 刚自己做了一个开发微信小程序的Demo,怕忘了,记录下来。希望以后会跳过那些大坑~~ ...
  • 最近的开发中用到了微信公众号,通过微信公众号接收一些文本、图片……然后对这些信息进行处理,效果类似下图:   一、申请公众号  公众号开发当然首先得有一个公众号,公众号分为两种:订阅号和服务号,这两个有...
  • 准备工作1.ngrok,微信的接口有一些是被动的接收从微信服务器发送的消息的,所以需要提供一个域名给微信服务器,ngrok可以将本机的指定端口,映射到一个域名。花生壳什么的也可以。 2.微信web开发者工具微信官方...
  • 在做微信开发的时候,都经常使用到外网映射工具,我经常用的就是ngrok和花生壳,在此,只介绍ngrok
  • 一、官网下载使用ngrok 1、下载你的版本:https://ngrok.com/ 例:我下载的windows64位版本的。 2、(windows版)解压后双击运行。 3、注册帐号:还是在首页找到注册...A、在刚刚运行的窗口输入:ngrok authtoke...
  • 在微信小程序开发工具中使用 iView weapp 这个UI 组件库时我们常常会用到它的 input 输入框组件,但是实际开发过程中我们会发现在 微信开发者工具 中出现无法输入的情况,而且官方给的小程序案例在开发者工具上面也...
  • 微信公众平台开发者文档:http://mp.weixin.qq.com/wiki/home/index.html 首先申请一个微信公众开发测试账号:http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login 申请后会提供appID和appsecret,...
1 2 3 4 5 ... 20
收藏数 9,116
精华内容 3,646
关键字:

微信开发者工具手机映射