# 别人都在腾讯文创节看妹子，而我看到了小程序中的黑科技

- 作者：刘凌歌
- 发布时间：2019-01-24 18:54
- 原文：https://www.ifanr.com/minapp/1166565

![](https://s3.ifanr.com/wp-content/uploads/2019/01/1548230194728.jpg)

还记得读书时，上课前要用笔在纸上签到的事情吗？

还记得某个培训或会议开始前，要在签到表上签名的环节吗？

去到一个地方，是不是就只有白纸黑字的方式才能表明「到此一游」呢？

当然不是。就在刚刚落幕的 TGC 2019 腾讯数字文创节上，腾讯 TGC 的小程序团队便给出了**一种更高效、方便而且好玩的签到方案——「定点拍照」。**

![](https://s3.ifanr.com/wp-content/uploads/2019/01/1548230194728.jpg)

接下来，我们将通过介绍这项黑科技，让开发者可以从中感受到小程序在线下活动中的大作用，也让没有去到现场的读者可以跟随我们的镜头体验到本次文创节的精彩时刻。

### 小程序的「定点拍照」是什么？

这里说的「定点拍照」是指**参观者到了指定区域（此时小程序已自动获取到她所在的地点），拍摄相应的展区人物或物件上传到小程序内，以此来实现多点签到。**

![](https://s3.ifanr.com/wp-content/uploads/2019/01/1548234534616.jpg)

满怀着好奇，知晓程序（微信号 zxcx0101）采访到了 TGC 小程序的技术负责人花叔。对于我们的问题，花叔表示，之所以选择「定点拍照」的方式，主要出于以下几点考虑：

1. **展会场地大，客流量大**；
2. **控制成本**：一般大型活动全场设备部署方案复杂，且费用高；
3. **时间有限**：从项目启动到落地，只有为期2个月的研发时间。
4. 必须让小程序在兼顾体验同时**能秉承技术创新的理念**；
5. 各展区也有自己的体验内容，负责全场运营的小程序，一来要作为一项串联全场的运营工具，引导观众进入每一个展区参与体验。同时也需要适当扁平化，更为简单易上手。

要知道，本次 TGC 腾讯数字文创节的场地是世界最大的单体建筑成都环球中心，巨大的场地中汇聚了 4 个大型文创主题展区及包括王者荣耀、地下城与勇士、穿越火线、狐妖小红娘、一人之下等腾讯旗下头部 IP 的 12 个展区。

据说 TGC 小程序团队提前踩点时就有点紧张，因为周末客流量可达 5～6 万，意味着本次小程序所承载的用户会比以往更多。

![](https://s3.ifanr.com/wp-content/uploads/2019/01/640-2.gif)

▲ 现场参观者不少



为了应对上述各种问题，TGC 小程序团队最终得出了一种活动构思——**基于「拍照+ ibeacon」技术，让用户通过踩点拍照获得积分。**达到一定积分可赢取奖励，上传的照片也会分享到全场照片墙（内置在小程序平台内）。

![](https://s3.ifanr.com/wp-content/uploads/2019/01/1548233198525.jpg)

说到这里，不免会有读者好奇：那么不到现场能不能上传照片？小程序又如何对拍照地点加以判断呢？

自然，奖品并没有那么好拿，「非常规操作」也不符合活动预期。TGC 小程序团队希望的是，通过某种方式去校验用户拍照的地点，进而根据照片和地点信息判断用户是否到达指定展区，从而为用户提供形如「到此一游」的服务，当「打卡」的次数多了，就赠送用户奖品，进一步增加参观者的满足感。

这样一来，既可以让用户主动为小程序平台提供有价值的内容，也可以让用户真正沉浸于丰富的线下活动中。

![](https://s3.ifanr.com/wp-content/uploads/2019/01/1548235483794.jpg)

### 如何实现小程序的「定点拍照」功能？

不少小程序开发者可能想知道：「定点拍照」是如何实现的？TGC 小程序技术负责人花叔告诉我们，这需要利用室内定位技术。而常规的室内定义技术方案有两种：

1. **基于 wifi 的网络地位技术；**
2. **基于 ibeacon 的蓝牙定位技术。**

结合本次 TGC 线下活动，两种技术存在一定差异：

1. **稳定性**，wifi 定位在本次活动场景下可能会更不稳定；
2. **部署成本**，wifi 要实现同样的效果，可能对布点设备的要求更高，设备成本也较 ibeacon 设备成本高；
3. **用户体验**，如果基于 wifi 来做定位，用户可能没法同时上网或高速上网。

综合而言，ibeacon 更适用于这次文创节活动场景，再加上小程序的完美支持，这成为了 TGC 小程序团队最终的选择。

![](https://s3.ifanr.com/wp-content/uploads/2019/01/1548240144352.jpg)

那么，ibeacon 到底是种怎样的技术呢？

简而言之，这是新一代的近场通信技术，ibeacon 设备是低功耗蓝牙设备，能给周围广播特定频率信号，可以便携式的移动部署，一般内置干电池，有较长的续航能力。每个 ibeacon 设备可设置不同的发射频率，但最终接收效果也得结合手机端的刷新频率，**本次 TGC 小程序所使用的每个 ibeacon 设备可覆盖范围为半径为 8 米的圆形区域。**

![](https://s3.ifanr.com/wp-content/uploads/2019/01/1548301977786.jpg)  
经过反复测试，这项技术对于封闭式的室内定位场景尤其合适。

基于这种技术，需要为展区布点设备，其实也很简单——即在不显眼的角落放置准备好的 ibeacon 小盒子。

![](https://s3.ifanr.com/wp-content/uploads/2019/01/kjjj.jpg)

在每个展区设下信号埋点（放置小盒子），保证参观者到达每个展区都能接受到信号，这便成了。

当然，考虑到「王者荣耀」、「QQ 飞车」这类型的大场地展区地大人多，一般会部署 6～8 个设备，提高用户捕获信号的机会。

花叔告诉我们，为了避免设备信号覆盖等问题，TGC 小程序团队还是准备了一份预案——**在小程序内提供客服扫码定点功能。**当用户没法接收 ibeacon 设备信号的时候，TGC 小程序团队会给展区内的负责人一个特殊权限，依赖这个权限可以进入小程序的一个特定页面，该页面能生成一个带有地理位置信息的动态二维码，无法通过获得 ibeacon 信号的用户便可以扫二维码实现同样的定位拍照服务。

![](https://s3.ifanr.com/wp-content/uploads/2019/01/1548312255940.jpg)

这是一次技术驱动创意的项目，TGC 平台给予了这样的技术落地机会。要知道，小程序从很早期的基础库 1.2.0 开始就支持 ibeacon，然而真正使其落地的真实案例并不多，相信本次 TGC 的小程序项目可以为往后的一些线下活动提供成型的 ibeacon 定位方案。

最后，放上一波 TGC 2019 腾讯数字文创节上的 coser 照片，你能认出她们都 cos 了哪些角色吗？

![](https://s3.ifanr.com/wp-content/uploads/2019/01/6401.gif)