C#开发微信门户及应用(28)--微信“摇一摇·周边”功能的使用和接口的实现

C#开发微信门户及应用(28)--微信“摇一摇·周边”功能的使用和接口的实现

”摇一摇周边“是微信提供的一种新的基于位置的连接方式。用户通过“摇一摇”的“周边”页卡，可以与线下商户进行互动，获得商户提供的个性化的服务。微信4月份有一个赠送摇一摇设备的活动，我们有幸获得赠送资格，取得一个摇一摇的设备用来测试这个新增的、很有潜力的功能。”摇一摇周边“是微信基于低功耗蓝牙技术的 O2O 入口级应用，与微信的其他线下连接能力一道，加速促成了微信 O2O 闭环的实现。本文主要介绍一摇设备的配置使用，以及如何在开发层面上，定义及实现微信摇一摇的功能接口。

1、IBeacon基础知识介绍

摇一摇周边是基于IBeacon来实现的。IBeacon是苹果公司开发的一种通过低功耗蓝牙技术进行一个十分精确的微定位技术。IBeacon设备通过蓝牙信号广播设备id, 手机等终端进入IBeacon设备的信号范围，可以收到该设备的id.

实现分如下四个步骤：

第一步. 服务提供者向微信后台申请服务，微信后台生成一个IBeaconId,并将其映射到服务提供者提供的服务，再将IBeaconId告诉服务提供者;

第二步. 服务提供者把第一步拿到的IBeaconId设置到IBeacon设备上，让IBeacon设备广播该IBeaconId;

第三步. 用户在该IBeacon设备的信号范围内打开微信摇一摇周边，微信App拿到该IBeaconId;

第四步. 微信通过第三步拿到的IBeaconId，向微信后台拉取相应的服务，展示在摇出来的结果上。

第五步. 用户点击摇出来结果，在微信内嵌的浏览器上，会带上用户信息跳转到服务提供者在第一步申请服务时填的url，进入应用页面

应用场景：

2、摇一摇设备的使用

摇一摇的beacon设备很小，底座可以用赠送的双面胶粘贴在墙面上，底面还可以贴一个微信的提示标签，挺有意思的效果。

同时可以下载这个beacon设备的App软件RealKit进行设置设备，设备界面管理界面如下所示。

根据官方摇一摇（https://zb.weixin.QQ.com/）的配置说明，我们拥有设备后，需要配置设备响应的页面，流程如下所示。

由于是微信赠送的设备，默认情况下，微信后台已经给我们添加赠送的摇一摇设备记录了；

如果是自己购买这种摇一摇的设备，那么需要自己手工添加设备记录，并输入相关的参数即可。

添加设备后，我们需要配置摇一摇的页面，页面就是在摇动微信的时候，显示给微信用户的一个界面，页面管理界面如下所示。

最终配置完成后，我们就来试一下这个神秘的设备了，看看效果如何。这个设备的信号穿透力还是很不错，隔了10米，两堵墙摇一摇还是很快出来界面的。

这个摇一摇周边的功能，我在iphone4S里面始终无法出现周边这个模块，在5、6plus里面倒是很正常的出现并响应处理，而IPAD则是在摇一摇后出现页面的，但是页面无法响应。

3、基于C#的微信摇一摇接口的实现

摇一摇和功能界面相呼应，提供了设备管理、页面管理、素材管理、关联关系绑定、设备及用户信息、数据统计等功能接口，如下所示。

1）设备管理

而其中设备管理部分，又分为了好几个API的处理。

1 申请设备ID2 编辑设备信息3 配置设备与门店的关联关系4 查询设备列表

申请设备ID

接口说明申请配置设备所需的UUID、Major、Minor。申请成功后返回批次ID，可用返回的批次ID用“查询设备列表”接口拉取本次申请的设备ID。单次新增设备超过500个，需走人工审核流程，大概需要三个工作日；单次新增设备不超过500个的，当日可返回申请的设备ID。一个公众账号最多可申请99999个设备ID，如需申请的设备ID数超过最大限额，请邮件至zhoubian@tencent.com，邮件格式如下： 标题：申请提升设备ID额度 内容：1、公众账号名称及appid（wx开头的字符串，在mp平台可查看） 2、用途 3、预估需要多少设备ID。

接口调用说明

http请求方式: POST（请使用https协议）https://api.weixin.qq.com/shakearound/device/applyid?access_token=ACCESS_TOKENPOST数据格式：jsonPOST数据例子：{   "quantity":3,   "apply_reason":"测试",   "comment":"测试专用",   "poi_id":1234}

参数说明

返回说明正常时的返回JSON数据包示例：

当申请个数小于等于500时，{"data": {       "apply_id": 123,       "device_identifiers":[{"device_id":10100,"uuid":"FDA50693-A4E2-4FB1-AFCF-C6EB07647825","major":10001,"minor":10002}]    },    "errcode": 0,    "errmsg": "success."}当申请个数大于500时，{"data": {               "apply_id": 123,"audit_status": 0,"audit_comment": "审核未通过"   },   "errcode": 0,   "errmsg": "success."}

参数说明

根据这些接口定义，我们可以创建一个摇一摇专用的接口类IShakeAround。

    /// <summary>    /// 摇一摇周边的接口定义    /// </summary>    public interface IShakeAround    {        #region 设备管理        /// <summary>        /// 申请设备ID。        /// 接口说明 申请配置设备所需的UUID、Major、Minor。        /// 若激活率小于50%，不能新增设备。单次新增设备超过500个，需走人工审核流程。审核通过后，可用返回的批次ID用“查询设备列表”接口拉取本次申请的设备ID。        /// </summary>        /// <param name="accessToken">调用接口凭证</param>        /// <param name="applyInfo">设备申请信息</param>        ShakeDeviceApplyJson ApplyDevice(string accessToken, ShakeDeviceAddJson applyInfo);        /// <summary>        /// 编辑设备信息。        /// 接口说明 编辑设备的备注信息。可用设备ID或完整的UUID、Major、Minor指定设备，二者选其一。        /// </summary>        /// <param name="accessToken">调用接口凭证</param>        /// <param name="info">设备信息</param>        /// <param name="comment">设备的备注信息，不超过15个汉字或30个英文字母。</param>        /// <returns></returns>        CommonResult UpdateDevice(string accessToken, ShakeDeviceIdentifier info, string comment);        /// <summary>        /// 配置设备与门店的关联关系。接口说明 修改设备关联的门店ID、设备的备注信息。可用设备ID或完整的UUID、Major、Minor指定设备，二者选其一。        /// </summary>        /// <param name="accessToken">调用接口凭证</param>        /// <param name="info">设备信息</param>        /// <param name="poi_id">待关联的门店ID</param>        /// <returns></returns>        CommonResult BindDevice(string accessToken, ShakeDeviceIdentifier info, int poi_id);        /// <summary>        /// 查询设备列表.        /// 接口说明 查询已有的设备ID、UUID、Major、Minor、激活状态、备注信息、关联门店、关联页面等信息。可指定设备ID或完整的UUID、Major、Minor查询，也可批量拉取设备信息列表。        /// </summary>        /// <param name="accessToken">调用接口凭证</param>        /// <param name="device_identifiers">设备列表信息</param>        /// <returns></returns>        ShakeDeviceSearchList SearchDevice(string accessToken, List<ShakeDeviceIdentifier> device_identifiers);        /// <summary>        /// 查询设备列表.        /// 接口说明 查询已有的设备ID、UUID、Major、Minor、激活状态、备注信息、关联门店、关联页面等信息。可指定设备ID或完整的UUID、Major、Minor查询，也可批量拉取设备信息列表。        /// </summary>        /// <param name="accessToken">调用接口凭证</param>        /// <param name="data">分页查询条件。apply_id为批次ID，如果指定则以批次进行查询，否则以指定范围查询。</param>        /// <returns></returns>        ShakeDeviceSearchList SearchDevice(string accessToken, ShakeDeviceSearchPaging data);        #endregion

接口定义好，我们增加对应的类实现即可，如下是申请设备的接口具体实现函数，其他遵循同样的规则就不再赘述。

        /// <summary>        /// 申请设备ID。        /// 接口说明 申请配置设备所需的UUID、Major、Minor。        /// 若激活率小于50%，不能新增设备。单次新增设备超过500个，需走人工审核流程。审核通过后，可用返回的批次ID用“查询设备列表”接口拉取本次申请的设备ID。        /// </summary>        /// <param name="accessToken">调用接口凭证</param>        /// <param name="applyInfo">设备申请信息</param>        public ShakeDeviceApplyJson ApplyDevice(string accessToken, ShakeDeviceAddJson applyInfo)        {            var url = string.Format("https://api.weixin.qq.com/shakearound/device/applyid?access_token={0}", accessToken);            string postData = applyInfo.ToJson();            ShakeDeviceApplyJson data = null;            ShakeDeviceApplyResult result = JsonHelper<ShakeDeviceApplyResult>.ConvertJson(url, postData);            if (result != null)            {                data = result.data;            }            return data;        }

2）页面管理

同样页面管理也包含了几个不同的方法，用来创建、编辑、删除页面等处理操作

1 新增页面2 编辑页面信息3 查询页面列表4 删除页面

新增页面

新增摇一摇出来的页面信息，包括在摇一摇页面出现的主标题、副标题、图片和点击进去的超链接。其中，图片必须为用素材管理接口上传至微信侧服务器后返回的链接。