• 2、公众号开发涉及到微信的回调,所以你本地搭建的服务器需要外网能够访问,这个时候就需要把运行在内网的服务器映射到外网去给微信访问。方法:1、搭建内网穿透环境:如果喜欢自己搭建的话可以多找些关于内网穿透的...
    原因:
    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)、当你到这一步的时候,相信你微信扫一扫关注的测试账号就可以给你测试使用了,真机测试如下图:
    展开全文
  • 微信支付–在本地弄测试环境
  • 注意:本地端口必须是要填8080的(这个购买后也是可以再修改的),因为微信公众平台接口的调用仅支持80 客户端下载 1.配置config.ini文件 2.获取authtoken 3.双击运行natapp.exe,出现以下信息映射成功  ...
  • 学习微信公众号的开发,必须先阅读微信开发文档,通过阅读文档,了解有关微信公众开发的步骤及相关限制,了解其工作原理等。 微信开发之入门指引       ...
  • 准备工作1.ngrok,微信的接口有一些是被动的接收从微信服务器发送的消息的,所以需要提供一个域名给微信服务器,ngrok可以将本机的指定端口,映射到一个域名。花生壳什么的也可以。 2.微信web开发者工具,微信官方...
  • 上一章给大家分享的是开发微信公众号(三) , 今天继续更新第四篇 搭建本地测试环境。 推荐一款软件: Ngrok(内网穿透工具) Ngrok可以实现内网穿透,也就是说我们可以将内网的服务器映射到外网给别人访问,这对于...
  • 0. 适用范围 仅适合需要在本地测试前后端分离项目,并需要...2. 本地环境: Windows10 、 Java 1.8 、Vue 、Mysql(配置在单独的远程服务器) 3. 相关安装与配置: Java、Mysql、Nginx的安装忽略不表。 主要说明...
  • 一、微信开发环境搭建  1、申请一个测试的公众号。  2、用来调式代码的开发环境。 1.1注册测试公众号(为什么要注册测试公众号:因为接口多,适合学习和研究。) 测试公众号的注册地址为:...
  • 我又来了,这次毕业设计要做微信公众号开发。 了解了一下,一般用PHP语言进行开发。在Windows 平台上一般采取Windows+Apache+MySQL+PHP。 配置起来比较麻烦,采取傻瓜式一键安装,用WampServer,(官网是法语的,可...
  • 1,首先要布置一个内网穿透,将本地微信项目映射到外网,以便通过外网进行手机端微信项目测试。 内网穿透工具有很多,随意选择,我选择的natapp,附上下载地址(https://natapp.cn/)。用这个好处是拥有免费的通道...
  • 微信开发本地调试只支持80号端口,实验了很多办法,总结一下: 办法一:  公司使用的是联通ADSL, 在路由器上做完端口映射后发现电信/联通封了80端口,所以这个办法走不通了。 办法二: 搜可以下,可以用ngrok...
  • 一.微信开发环境搭建 2019-01-05 20:54:01
    微信开发学习总结(一)——微信开发环境搭建  目前移动开发处于比较火的的趋势,很多的开发者都跃跃欲试,目前移动App开发领域主要分为以下几种类型    我在平时的工作中接触得比较多的就是基于Android的Native ...
  • 在我的微信开发中好用的开源项目这篇文章中,我介绍了一款开源的微信开发SDK。我们的项目就是基于文中所提到的demo项目来搭建。 由于时间缘故,在这里我们就不花时间来介绍项目搭架的步骤。我已经将项目搭建好传到...
  • 微信开发之ngrok环境搭建 2016-12-08 16:47:43
    一,为什么要用到ngrok?  各位肯定都知道,做微信开发,我们的开发服务器需要和微信服务器做交互,我们需要准备...然而微信服务器无法和我们的内网服务器做交互,这就导致我们做微信开发本地调试出现了一定的困难!
  • 微信公众号本地环境搭建(解决微信接口需要公网地址,但是只有本地环境的问题) 置顶2018年01月08日 17:22:13 阅读数:342  目前移动开发处于比较火的的趋势,很多的开发者都跃跃欲试,目前移动App开发领域主要...
  • 1.微信测试号申请:...3.Ngrok,一款国外的内网穿透利器,好处是监听本地端口映射到外网,支持外网访问本地环境微信官方在QQ浏览器中内嵌了微信本地测试环境其实就是用的Ngro
  • 微信局域网测试环境搭建方法 微信现在越来越火,很多人想自己研究一下微信开发,但在开发平台认证的时候,必须通过80端口认证。 很多的宽带服务商把公司宽带的80端口封了, 而微信开发模式中服务器配置要求填写”...
  • 版权声明:欢迎转载,请注明沉默王二原创。 ... 微信开发本地测试环境搭建起来颇为繁琐(对微信团队失望,坑苦了苦逼的程序员)。 一、...
  • 前言: 一、现在越来越多的web项目都集成到微信公众号中,针对小型项目有诸多好处:一是可以免去专门编写一个用处不大的app,缩短...由于微信开发文档要求必须在公网能访问到项目,这就使得我们在开发过程中不得不...
1 2 3 4 5 ... 20
收藏数 13,832
精华内容 5,532