微信开发怎么在本地进行测试_微信支付开发怎么在本地测试 - CSDN
  • 1、由于公司的微信公众号已经阿里云上运营,如果有任何bug不可能去停掉服务器去调试,这就需要在本地搭建测试环境了。 2、公众号开发涉及到微信的回调,所以你本地搭建的服务器需要外网能够访问,这个时候就需要把...
    网上有很多相关的文章跟帖子,大家不妨都跟着玩一下;今天我把我的经验跟坑给填一下,记录一下,以便自己查阅:
    注意:首先你得有个微信公众号。注册的事项另外查阅,不再累赘。

    原因:
    1、由于公司的微信公众号已经在阿里云上运营,如果有任何bug不可能去停掉服务器去调试,这就需要在本地搭建测试环境了。
    2、公众号开发涉及到微信的回调,所以你本地搭建的服务器需要外网能够访问,这个时候就需要把运行在内网的服务器映射到外网去给微信访问。

    方法:
    1、搭建内网穿透环境
    如果喜欢自己搭建的话可以多找些关于内网穿透的资料看看,我是由于时间的关系,当时就选择了一个工具来把自己的电脑穿透到外网,(主要是收费不是很贵)。
    在这里可以推荐一下:natapp,https://natapp.cn/,网络感觉还不错,虽然不快,但是基本能满足我的微信开发就足够了,我使用的是付费5/月的套餐,因为这样就能固定的外网地址。

    2、映射好后,要试着访问以下映射的地址,看看是否能访问到你的服务器,可以的话就说明你的映射是成功的。如图:




    3、配置公众号的测试账号:
    1)、进入到微信公众号首页左侧导航栏下有个开发者工具,点击进去:

    2)、在右边能看到如下的测试账号,点击进入

    3)、用个人微信扫一扫进去即可登录个人的测试账号,此时会有如下的东西,这个是公众号开发的时候需要用到的参数。
    注:这些最好用配置文件的形式保存,方便以后修改为正式环境的参数!

    4)、这个url是微信那边需要发个验证请求过来的,需要你配置一个你服务器的外网地址,即第一步我们将公众号服务器映射到外网的地址,(注意端口号哦)。token的话自己随机设置,并保存到配置文件中。


    5)、当你点击提交的时候,微信会立刻试着发个请求到这个地址上去,如果请求成功的话,可以看到如下图;

    url尾部的wechat,是因为我本地用了nginx路由转向,这个转向就是转到我的本地公众号服务器。(如果还没有接触nginx的话,可以先试着直接把映射的端口直接跟你公众号服务器端口设置成一样,就是如下图的本地端口。不过一般还是建议搭配nginx使用,这样就不用总是去改端口,只需要配置好你的nginx代理服务器就可以了。


    6)、微信发送认证请求到你本地服务器的代码如下,这个是node的代码,这个代码只在微信认证的时候使用,平时注释掉即可:
    // 微信url 验证token代码
    router.get('/',function function_name(req,res) {
    // body...
    var state = req.query.state;
    //console.log(req);
    var Isign = sign.checkSignature(req.query);
    console.log('sign',Isign);
    if(!Isign){
    //如果签名不对,结束请求并返回
    res.end('signature fail');
    }
    if (req.method == "GET") {
    //如果请求是GET,返回echostr用于通过服务器有效校验
    res.end(req.query.echostr);
    }
    });
    sign文件的检查签名
    var crypto = require('crypto');
    checkSignature = function (query) {
    var signature = query.signature;
    var timestamp = query.timestamp;
    var nonce = query.nonce;

    var shasum = crypto.createHash('sha1');
    var arr = [configs.token, timestamp, nonce].sort();
    shasum.update(arr.join(''));

    return shasum.digest('hex') === signature;
    };
    7)、当你到这一步的时候,相信你微信扫一扫关注的测试账号就可以给你测试使用了,真机测试如下图:


    展开全文
  • 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

    展开全文
  • 微信开发本地测试环境搭建起来颇为繁琐(对微信团队失望,坑苦了苦逼的程序员)。

    微信开发的本地测试环境搭建起来颇为繁琐(对微信团队失望,坑苦了苦逼的程序员)。

    一、准备

    1. 微信web开发者工具
    2. http://www.ngrok.cc/
    3. 微信公众平台测试号
    4. 域名(稍后解释)

    二、域名

    其实对于ngrok来说,自定义域名是不需要的,很让人不解和气愤的是,在微信开发者工具中,使用“前置域名”无法访问,所以我是被迫用上了自定义域名。
    这里写图片描述

    主机记录可以写你想要的,我写的是ym,记录值为ngrok的服务“server.ngrok.cc”。

    三、ngrok

    这里写图片描述

    1.在ngrok上建立隧道。

    2.下载Sunny-Ngrok启动工具到本地,运行后敲入隧道id。
    这里写图片描述

    ps:注意本地服务以及域名信息配置正确。

    3.在浏览器中敲入你的域名地址,看是否能够访问成功。

    四、微信测试号管理

    1.配置微信的URL.
    这里写图片描述

    2.网页账号
    这里写图片描述
    这里写图片描述

    两个地方是必须的,如果错了微信测试号登陆后无法回调。


    完成上述配置后,在微信开发者工具上输入自定义账号后就可以访问本地服务了。

    展开全文
  • 我现在做一个手机拍照的功能,调用微信的接口。但是测试尤其麻烦每次都要上传到生产环境中。 能不能在本地测试呢?
  • 微信小程序本地测试

    2019-03-13 20:09:37
    微信小程序本地测试微信小程序,服务器写本地 怎么才能与手机相互连接测试小程序或者直接本地模拟器上测试呢 0.本地测试 根据微信小程序的官方文档,小程序的通讯域名协议只支持https的,官方文档...

    微信小程序本地测试

    做微信小程序,服务器写在本地

    怎么才能与手机相互连接测试小程序或者直接在本地模拟器上测试呢

    0.本地测试

    根据微信小程序的官方文档,小程序的通讯域名协议只支持https的,官方文档如下:

    在这里插入图片描述

    我们可以这样修改让小程序开发工具忽略https协议,

    在右边详情中可以勾选,不校验https,这样子就可以url就可以是http://localhost:8080

    在这里插入图片描述

    1.手机测试

    要想在手机端运行你的小程序,可以买个服务器,像是腾讯云,阿里云(微信开发最好买腾讯云),对于小白选手,初学者也可以不需要购买服务器,通过内网穿透工具即可,将本地的服务器映射到公网上,下面介绍几个内网穿透工具:

    这个官网国内近还是比较快,要是下载就会GG,最好科学上网

    进入官网,点击注册,他会分配一个密钥

    在这里插入图片描述

    下载成功,在本地ngrok.exe的目录下,进入cmd,输入一下,回车

    ngrok -authtoken 密钥 -subdomain 二级域名 端口

    接下将映射域名,复制到小程序即可

    这个是国内的一个内网穿透工具,网速,下载都相比于ngrok会快。

    直接下载需要的客服端,注册,登陆上用户管理上

    在这里插入图片描述

    上面可以选择免费的使用,带宽和速度会慢一些,不过传一般的数据基本没啥为题。

    点击免费的购买即可。

    贴一下官网的教程;http://www.ngrok.cc/_book/

    以上就能解决小程序本地测试的问题了

    展开全文
  • 微信支付–在本地测试环境
  • 微信支付本地测试

    2017-09-18 09:56:51
    微信支付的开发越来越多,很多开发者头疼的问题就是调试问题,那么今天就给大家讲一下如何在本地调试微信...(多么好的一个映射软件,新版本中微信开发url却不能用。很可惜)但是支付是可以使用的。 2、本地调试
  • 微信开发本地调试工具(模拟微信客户端)开源免费微信管家系统(java)源码下载微信部署需要依靠80端口,如何快速有效的调试本地微信开发程序,捷微团队(jeewx-java微信开源系统),采用微信开发调试工具,供本地...
  • 准备工作1.ngrok,微信的接口有一些是被动的接收从微信服务器发送的消息的,所以需要提供一个域名给微信服务器,ngrok可以将本机的指定端口,映射到一个域名。花生壳什么的也可以。 2.微信web开发者工具,微信官方...
  • 微信公众号开发环境架构,本地测试natapp外网映射神器 开发基于微信公众号的应用最大的痛苦之处就是调试问题,每次实现一个功能后都需要部署到一个公网服务器进行测试,因为微信用户每次向公众号发起请求时,微信...
  • 对于微信开发而言,它和普通的web项目其实并没什么区别。微信项目也是web项目的一种,只不过它是微信的内置的QQ浏览器里运行,更多的手机端运行。微信本地开发,需要注意的就是调试与测试,因为页面要做手机端...
  • 本地测试微信授权登录,首先要下载一个微信开发者工具,因为微信回调域名不支持IP地址,所以我们要获取到一个域名,映射到本地ip,目前我尝试成功的有两种方法: 使用natapp: 注册一个natapp账号,购买一个免费...
  • 文章目录背景描述使用Fiddler设置系统代理安装Fiddler配置Fiddler配置微信Web开发工具设置...但本地开发测试的时候,开发测试机器与域名绑定的IP不一致,本文就如何解决该问题进行描述。 使用Fiddler设置系统代理...
  • 为了开发微信授权做准备,这里先记录关于微信测试账号和本地开发调试微信授权移步微信测试账号第一步先找个代理工具,这里我用的是Natapp,他有免费的,我的是付费的,可能有点不同,你要配置本地地址和项目端口号,...
  • 然后在本地创建了一个简单的web项目(jyc),用来认证token。云服务器里面搭了JDK和tomcat。然后高高兴兴的把web项目打包成war。放进tomcat的webapps目录下,启动tomcat(当然端口是80,因为微信公众号的URL只支持80...
  • 微信公众号开发过程中,为了测试性能而不影响已发布版本功能,就需要搭建本地测试环境。这里小白带你搭建环境,哈哈哈。
  • 上一章给大家分享的是开发微信公众号(三) , 今天继续更新第四篇 搭建本地测试环境。 推荐一款软件: Ngrok(内网穿透工具) Ngrok可以实现内网穿透,也就是说我们可以将内网的服务器映射到外网给别人访问,这对于...
1 2 3 4 5 ... 20
收藏数 29,889
精华内容 11,955
关键字:

微信开发怎么在本地进行测试