注册微信开发测试号

2018-08-10 admin

注册测试号

注册的地址在 这里

要进行微信公众号的开发,那就需要一个本地的开发环境来进行开发。而微信测试号就正好提供了这样的一个development环境。每个微信号只能对应一个测试号,但是每个测试号可以开发多个微信公众号项目。微信号与测试号是一一对应的关系,而测试号与开发项目是一对多的关系。进入之后会看到页面里面有以下几个大块。

  1. 测试号信息
  2. 接口配置信息
  3. JS接口安全域名
  4. 测试号二维码
  5. 模板消息接口
  6. 体验接口权限表

下面针对每个点介绍一下具体是干嘛的。

测试号信息

包含了appId、appsecret。像之前说的,可以理解为你的账号和密码。每个测试号有一个唯一的appID和appsecret。通俗一点就是说,他们对应的就是唯一的账号和密码,而且不能修改。

接口配置信息

  1. URL:

    URL就是你正在开发的项目的后端的服务器中微信验证服务器资源有效性的接口。前面这句话读起来可能有些绕口。通俗一点理解:微信要知道访问它资源是不是这个当前测试号。同时,也让你确定,这个请求是来自微信。这样一来,就可以相互确认身份。只有确认是当前测试号发起的请求,才会放行。那么问题来了,如何验证呢?这个时候Token就有用了。

    微信会对配置的URL(也就是你的后端服务器的鉴权接口)发起http GET请求,下面是鉴权接口的代码,这里用koa当作例子。顺便安利一波koa中巨(自)好(己)用(写)的中间件 koa2-response

    const sha1 = require('sha1');
    
    // 验证服务器资源
    exports.verification = (ctx, next) => {
      const token = '你自己的Token';
      const { signature, nonce, timestamp, echostr } = ctx.query;
      const str = [token, timestamp, nonce].sort().join('');
      const sha = sha1(str);
      if (signature === sha) {
         ctx.body = String(echostr);
      }
    }
    

    说到验证服务器资源的时候可能有些人会有疑问。开发不是在本地开发吗?微信的服务器怎么能够访问我的本地服务器呢?

    如果要在本地开发的话,就需要使用 ngrok ,这个是用来实现内网穿透的。意思就是把你的局域网服务器ip映射到公网上。让局域网外部的服务器可以访问你的服务器资源。下载地址在 这里。下载下来之后解压,就会得到一个名字叫ngrok的可执行文件。用命令行进入可执行的文件所在的目录。执行以下代码。

    ./ngrok http localhost:3000
    

    3000是端口号,根据你自己的项目端口号来。就可以看到如下返回,此时你的局域网服务器就可以接受微信的GET请求了。一旦配置成功后,就可以Ctrl + C杀掉这个进程了。一直开着可能会有安全隐患。

  2. Token:

    Token是自定义的一个字符串。可以理解为对称加密中的公钥。在服务器中的Token需要跟测试号中的配置保持一致。

JS接口安全域名

关于微信JS接口安全域名,大概的意思就是你要在特定的域名下的某个路由,才能使用微信的js-sdk,使用js-sdk可以干嘛呢,微信的官方描述如下。

微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。

通过使用微信JS-SDK,网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力,同时可以直接使用微信分享、扫一扫等微信特有的能力,为微信用户提供更优质的网页体验。

具体的接入流程可以参考我的另一篇文章, <a>如何正确的接入微信JS-SDK</a>。在这需要设置一个域名,以便在开发的时候来使用微信的js-sdk。当然在本地开发时,一般都用的localhost,除非你在开发时一直使用内网穿透。所以在JS接口安全域名下我们可以使用局域网的ip,前提是已经验证了服务器资源。

测试号二维码

这里会有一个你的测试号码二维码。如果要使用的话,需要扫码关注公众号才能进行开发。右侧则是已经关注了该测试号的用户,最多100个。关注后,该测试号会出现在订阅号的列表中。

模板消息接口

什么是模板消息?微信的官方文档如下。

模板消息仅用于公众号向用户发送重要的服务通知,只能用于符合其要求的服务场景中,如信用卡刷卡通知,商品购买成功通知等。不支持广告等营销类消息以及其它所有可能对用户造成骚扰的消息。

其使用规则如下:

  1. 所有服务号都可以在功能->添加功能插件处看到申请模板消息功能的入口,但只有认证后的服务号才可以申请模板消息的使用权限并获得该权限;
  2. 需要选择公众账号服务所处的2个行业,每月可更改1次所选行业;
  3. 在所选择行业的模板库中选用已有的模板进行调用;
  4. 每个账号可以同时使用25个模板。
  5. 当前每个账号的模板消息的日调用上限为10万次,单个模板没有特殊限制。【2014年11月18日将接口调用频率从默认的日1万次提升为日10万次,可在MP登录后的开发者中心查看】。当账号粉丝数超过10W/100W/1000W时,模板消息的日调用上限会相应提升,以公众号MP后台开发者中心页面中标明的数字为准。

下面举个具体的例子,来源于微信的官方文档。我们想要发送模板消息,就必须要在测试号中新建模板消息。点击模板消息接口中的_新增测试模板_接口。点击之后就会看到如下的Modal框。

clipboard.png

模板标题可以随便取,模板内容例子如下。

{{first.DATA}}
商品名称:{{keyword1.DATA}}
面试时间:{{keyword2.DATA}}
面试地点:{{keyword3.DATA}}
{{remark.DATA}}

新建成功之后,就可以在模板消息接口的中的列表看到。然后我们需要往下面的URL发送POST请求。URL如下。

https://api.weixin.qq.com/cgi-bin/message/template/send?access_token=ACCESS_TOKEN

POST的完整数据如下:

{
  "touser": "OPENID",
  "template_id": "ngqIpbwh8bUfcSsECmogfXcV14J0tQlEpBO27izEYtY",
  "url":"http://weixin.qq.com/download",  
  "miniprogram": {
    "appid": "xiaochengxuappid12345",
    "pagepath": "index?foo=bar",
  },          
  "data": {
    "first": {
      "value": "恭喜你购买成功!",
      "color": "#173177",
    },
    "keyword1": {
      "value": "巧克力",
      "color": "#173177",
    },
    "keyword2": {
      "value": "39.8元",
      "color": "#173177",
    },
    "keyword3": {
      "value": "2014年9月22日",
      "color": "#173177",
    },
    "remark": {
      "value": "欢迎再次购买!",
      "color": "#173177",
    }
  }
}

向上面的URL发送POST请求,特定的用户就会在测试号中看到如下的消息提示。特定的用户就是touser字段中OPENID所代表的用户。如果用户没有关注该测试号,则不会收到该模板消息。template_id则填写我们之前新建的模板消息的id即可。

clipboard.png

在文档中,在此处给出了如下提示。

注:url和miniprogram都是非必填字段,若都不传则模板无跳转;若都传,会优先跳转至小程序。开发者可根据实际需要选择其中一种跳转方式即可。当用户的微信客户端版本不支持跳小程序时,将会跳转至url。

POST数据中,url和miniprogram可填不填,只是会对模板的跳转有影响,不影响模板消息的内容发送。

体验接口权限表

在这个部分,用表格的形式,列出了我们能够使用的接口,以及该接口的权限。例如,获取access_token每日的调用次数,上限为2000。该部分分为三个大块。

  • 对话服务

    1. 基础支持
    2. 接受消息
    3. 发送消息
    4. 用户管理
    5. 推广支持
    6. 界面丰富
    7. 素材管理
  • 功能服务

    1. 智能接口
    2. 设备功能
    3. 多客服
  • 网页服务

    1. 网页账号
    2. 基础接口
    3. 分享接口
    4. 图像接口
    5. 音频接口
    6. 智能接口
    7. 设备信息
    8. 地理位置
    9. 节目操作

我主要解释一下网页服务中的网页账号接口。点开后,就可以看到可以修改一个叫授权回调域名的字段。什么叫做授权回调。

了解微信鉴权的老铁应该知道,如果想要获取微信中的用户的信息,必须要经过微信的OAuth2.0网页授权,微信会鉴定是否有获取用户信息的权限,如果有的话,就会带上一个免登陆code,将code拼接到我们传的redirect_uri后,再进行重定向。而redirect_uri必须是在这配置的域名下的页面,否则回调不成功,也不能获取用户的数据。

写在后面

微信的测试号接入,关键的步骤其实是在第二个接口配置信息中,只要正确的验证了服务器资源,就基本上已经成功了。

如果需要参考如何接入微信的JS-SDK, 可以看下面这篇文章。

如何正确的接入微信JS-SDK

原文链接:https://segmentfault.com/a/1190000015960588

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-37696.html

文章标题:注册微信开发测试号

相关文章
Node.js v0.11.16 开发版发布
Node.js v0.11.16 开发版发布了,改进记录包括: openssl: Upgrade to 1.0.1l npm: Upgrade to 2.3.0 url: revert support of path for url.fo...
2015-11-12
微信火了HTML5,技术革新才是未来
Html5小游戏自从诞生以来,以其玩法简单、内容娱乐等特点,而深受玩家的欢迎。就像音乐领域的《小苹果》和《最炫名族风》一样,Html5小游戏也曾经有多款神作,在微信朋友圈如病毒式疯传。 微信让H5火了 去年,H5游戏“围住神经猫”上线微信朋...
2015-11-12
微信JSSDK上传图片
前不久微信公开了一些接口,其中有一个uploadImage接口用于上传图片,一般和chooseImage接口配合使用。先调用chooseImage接口让用户选择一张或者多张图片,用户选择完毕后微信会返回被选中图片的id,再把图片id传给up...
2017-03-29
JavaScript开发工具
常用的有sublime,webstorm,notepad++等 ...
2015-11-12
Webpack(含 4)配置详解——从 0 配置一套开发模板
前言 源代码 熟悉 webpack 与 webpack4 配置。 webpack4 相对于 3 的最主要的区别是所谓的零配置,但是为了满足我们的项目需求还是要自己进行配置,不过我们可以使用一些 webpack 的预设值。同时 webpack...
2018-05-02
JavaScript库开发者们的规则
保持无侵入性 我的HTML标记不想知道你的JavaScript代码。 严禁修改和扩展Object.prototype! 这条很重要,因此需要一条完全针对它的规则。对象是JavaScript功能的基本构建模块,不要搞乱它们。 不要...
2015-11-11
梳理前端开发使用eslint-prettier检查和格式化代码
问题痛点 在团队的项目开发过程中,代码维护所占的时间比重往往大于新功能的开发。因此编写符合团队编码规范的代码是至关重要的,这样做不仅可以很大程度地避免基本语法错误,也保证了代码的可读性。 对于代码版本管理系统(svn 和 git或者其他)...
2018-05-07
bootstrap table之通用方法( 时间控件,导出,动态下拉框, 表单验证 ,选中与获取信息)代码分享
1.bootstrap-table 单击单行选中 $(&#x27;#gzrwTable&#x27;).on(&#x27;click-row.bs.table&#x27;, function(e, row, $element) { $(&#x...
2017-02-17
Vue 短信验证码组件开发详解
Vue.js(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。 Vue.js 自身不是一个全能框架——它只聚焦于视图层。因此...
2017-03-17
五个值得尝试的前端开发工具
在过去的几年时间里,出现了许多全新的网页应用程序,不过,由于应用程序的功能越来越丰富,也导致了前端开发的复杂度大幅增加。 现在也有不少前端开发工具,比如Backbone和EmberJS框架都能提供稳定的App开发解决方案。同时,Javasc...
2015-12-23
回到顶部