漫谈微信公众平台新技术

2015-07-20 23:42金琦等
中国信息技术教育 2015年11期
关键词:页面公众微信

金琦等

编者按:当下很多学校正在尝试或已经搭建了属于自己学校的微信公众平台。不同的学校对微信公众平台的理解不同,也决定了微信公众平台具体的教育实现理念。但无论如何,由于微信公众平台的便利互动性,很容易粘合学生、教师、家长、校友等学校关联者,进而通过图片、文字、声音、视频的富媒体传播形式给予他们一个展示自己更自由、更活跃思想的舞台。因此,学校建立微信公众平台的意义不亚于开展一个综合教育平台项目。上期我们讲解了微信公众号开发的一些基础知识,引起了一些读者的关注,本期我们将基于微信公众平台开发的热点技术进行讨论。

金琦:回顾过去

一个平台如果故步自封,很容易被其他产品所取代。微信公众平台一直在进步,所以能不断焕发出生机。在讲解新技术之前,我们对微信发展历程做一个梳理。

1.第一阶段(公众平台上线至2013年3月左右)

微信公众平台于2012年下半年正式上线,那时注册微信公众平台还很容易,有QQ号就可以直接注册登录,不需要身份验证。由于没有严格的限制,所以有些商家、企业和自媒体开始使用公众平台,利用群注册等手段进行推广,再加上恰到好处的自动回复,吸引了一批粉丝。

这时候微信公众平台的特点为:①注册门槛低,有QQ号就能注册。②增加粉丝容易(新鲜感)。③微信号大环境杂、乱、浮。④自动回复火爆(如SimiSimi)。

2.第二阶段(2013年3月至8月)

随着微信用户群的不断增加,微信也不断完善其规则和入门门槛。大致到了2013年3月左右,腾讯在看到了问题之后,开始了微信公众平台的变革。注册公众平台需要身份验证,一个身份证最多只能注册两个公众号,而已经注册的公众号重新登录也需要验证身份才可以使用。忽然变化的规则伤了当时一批开发者的心,有一些变革前做的挺大的公众号,到这时只剩下一部分。

这个时间段微信公众平台的特点是:①注册门槛变高,需要验证身份。②前一批微信号消逝,大量闲置用户产生。③企业级微信号开始大量起步。

3.第三阶段(2013年8月至今)

2013年8月9日,微信5.0发布,出现了订阅号和服务号的区别。顺便说一句,就是这个5.0版本引入了银行卡功能,可以使用微信支付,还增加了游戏功能,相信很多读者,还记得微信5.0刚刚发布时,为了朋友圈的飞机名次激烈角逐。这是微信历史上的一个里程碑式的版本。

腾讯这么做是为了把企业号和个人及媒体区分开来。在升级到5.0之前,所有的公众号都是订阅号,每天可以推送一条消息。而5.0版本发布以后,如果选择保留为订阅号,依然可以每天推送一条消息,而如果选择变成服务号,则只能一个月推一条消息了。白白损失29条发布信息的机会看起来很愚蠢,其实不然。

其一,订阅号推送的消息被折叠到二级菜单,而服务号推送的消息依然在一级菜单推送。这手段就无形中逼迫订阅号运营者提高自己的用户黏度。优秀的公众账号可以就这个机会,获取大量的关注,那些垃圾号、骗子号、忽悠号则会走向死亡,没有生存的机会。

其二,微信是一个开放的系统,其互动是多向的,服务号主要是作为客户服务和沟通的平台,而不是无休无止的信息轰炸。

打个比方,服务号每一个月只能推送一次消息,适合服务熟客,因为熟客已经体验过产品的好处,只要服务好熟客,他们就会重复向企业购买产品,不需要推送大量的促销信息,一个月推送一次产品信息足够了。而订阅号就好比你新谈上的一位女友,需要每天主动见面、约会、交流,来博取对方的好感,把感情升华到最高点,最终成交,注重的是方法,订阅号可用来开拓新顾客。

除了区分订阅号与服务号之外,另一个重大的举措是融入了电商元素。前面提过,微信在这个版本加入了微信支付功能,之后渐渐引入了微信商城、微信红包、微信购物,随之开放了公众平台的支付接口。

现在的特点:①区分明确,订阅号和服务号各有特色。②引入了微信支付,布局移动支付大局。

刘宗凡:新的蓝海

微信作为一个行业的龙头,在技术和用户方面当执牛耳。回顾过去我们知道,微信每次都能抓住用户的需求进行更新。那么微信将使用哪些新颖技术呢?

1.微信连Wi-Fi

今年5月18日,微信团队正式宣布,以后所有的微信公众账号都可以申请微信连接Wi-Fi,在这之前这项服务只有经过认证的商家可以获得。如今微信全面开放Wi-Fi服务,普通微信用户通过扫码就可以很方便地连接上公众平台所提供的Wi-Fi。实际上一个公众平台就对应一个Wi-Fi热点,可以随时随地连接,这对于上网用户来说简直是福音。

原本认证过的公众平台数量十分有限,且认证需要提交材料、缴纳一定费用。所以有许多公众平台都未进行认证,而现在全面开放微信连接Wi-Fi服务,将会有大量未认证的公众平台参与进来。这就意味着普通微信用户将会有更多的Wi-Fi热点可以连接。在这个流量为王的时代,微信在连接Wi-Fi的页面做些广告分流或者其他推广业务,其影响不可估量。当每个微信用户连接到某个商家的热点之后,在微信的屏幕将收到该商家的一些基本信息。然后用户便可以查看商家所提供的产品和具体参数,等于每个Wi-Fi热点就是一个独立的广告位。对于大多数拥有微信公众平台的商家而言,这将是一次双赢的体验。

2.被微信捧火的HTML5

从去年开始,你的微信朋友圈一定被“围住神经猫”、“1024”等小游戏刷过屏,这也凸显了HTML5的价值。

HTML5已经出来很多年了,它是一个基于浏览器的协作标准,可以让不同的元素在浏览器中流畅运行。它有很多优点——跨平台、开发成本低、易于开发。早在乔布斯封杀Flash的言论中,就提前预言,HTML5将会成为取代Flash的下一代技术。

但是这一技术在2012年似乎遇到了一些麻烦。大力推动HTML5发展的两个组织WHATWG与W3C宣布终止合作。而马克·扎克伯格也在HTML5上栽了跟头,Facebook当时对iOS版本的App进行改版,执行速度、操作反应比旧版提升了许多。许多人也知道,其中最大的改变是把App所采用的技术从HTML5改为iOS原生技术。不过微信的出现为HTML5提供了发展契机,微信以公众平台的方式,以游戏、资讯重新焕发出HTML5的风采。打造了令人眼前一亮的应用而又不想让用户额外地安装应用或插件(如获取摄像头、语音,获取用户地理位置,获取加速器进行摇一摇等各种信息),并且有快速开发的需要,于是HTML5作为一个富客户端技术在微信的推动下蓬勃发展起来。而HTML5应用将来是否真的能够完全替代原生App,打破iOS与Android垄断的局面,或许这样一个在未来很长一段时间具有争议的话题,只能交给时间来决定了。

微信于2015年初开放了JS SDK,无疑给了开发者更大的开发权限,使用JS,开发者们可以使用各种原生功能了!微信之前也有一些JS API,如分享,但这一次它开放了录音、拍摄、地图、支付、二维码、卡券等几十个API。微信本次开放的JS SDK分类清单如下:分享类接口、图像类接口、音频类接口、智能类接口、设备信息类接口、地理位置类接口、界面操作类接口、微信扫一扫接口、微信小店接口、微信卡券接口、微信支付接口。在浙师大附中的微信公众号中,其中“直升班成绩查询”页面添加了HTML5功能,如果读者用测试身份证号和姓名:“12345678”、“张三”体验,可以发现在登录成功或者失败的情境下,页面交互效果相对传统HTML更加平滑。

下面讨论一些利用微信开发HTML5的一些问题。

(1)在Android 4.0以上的手机,安装了QQ浏览器之后,微信网页里的视频播放才会被X5引擎优化,而只能目前使用HTML5的视频,会在低端手机上遭遇性能问题。

(2)iOS端的微信,调用的当然是Safari浏览器了,如果要运用一些新的特性,只能升级系统。对很多老系统来说,新的特性是没法使用的,就连最基本的Canvas、ToDataURL在4.4版本以下都是不能导出JPEG格式的,只能是PNG格式。

(3)根据Sencha的调研统计,目前最适合HTML5的平台仍是iOS。编者曾经做过一个基于HTML5的Web应用,iOS上和原生应用基本上没区别,而安卓上运行则比较卡,大概是因为安卓端的浏览器在进行一些负责运算的时候效率不高,这一般是WebView对Canvas兼容性差异造成的。

(4)开发HTML5应用切勿使用大量脚本,你的程序运行速度与你的CSS、脚本运用量成反比,与网速成正比。少用脚本,简化逻辑,压缩代码才是正道。

(5)目前HTML5的调试还处于比较麻烦的阶段。编者一般调试的方案是安装Chrome的App,然后结合桌面版Chrome通过USB远程调试。但是桌面版本的WebKit和移动端的不同,所以调试结果往往不能作为最终参考的标准,这时候Alert和Try Catch就能帮上大忙了。

下面以安卓平台环境为例,介绍一种稳定的调试方案。下载附件包(下载地址:http://res.imtt.qq.com/tbs_inspect/wx_sq_webview_debug.zip)后,首先安装微信最新版,然后将附件的tbs_20150526_021257_inspector.apk放到手机sdcard/tbs/com.tencent.mm目录里面,登录微信,用微信访问一个页面,停留1分钟左右,目的是让微信来静默安装刚导入进去的tbs_20150526_021257_inspector.apk包。那如何通过页面验证tbs是否关联成功呢?首先在设置里结束微信(尽量不要使用滑动杀死,有些手机无法彻底杀死所有微信进程),然后把手机时间往后调整1天;启动微信浏览一个网页,等待1分钟左右;再次在设置里结束微信;在刚才微信访问的页面中,长按页面的文案,出现水滴效果时,表明加载成功,或者在页面顶部下拉能看到QQ浏览器X5内核提供技术支持字样就算是成功了。最后,将附件里的inspector工具安装好,就可以在电脑上对微信页面自由调试了(如图1)。

提示1:如果非首次安装微信的用户,需要修改一下手机的时间,往后调整一天,如果是首次请忽略。

提示2:保险起见,登录微信后找到自己,聊天窗口输入//deletetbs,点发送即可。

3.明日之星iBeacon

2015年1月29日,微信团队在6.1版本中加入了“摇一摇·周边功能”,并开放商户申请入口。这个“摇一摇·周边功能”即是微信针对低功耗蓝牙设备(即iBeacon)提供的连接入口。在手机蓝牙开启的状态下,当用户在微信中打开摇一摇时,如果周围有iBeacon设备,即可获得一个可由商家完全自定义的HTML5页面入口:也许是红包,也许是优惠券,也许是小游戏,也许是室内导航。而通过设备的叠加,可以实现覆盖范围的无限延伸。

iBeacon是什么呢?它是物联网中诸多传感器之一,由苹果公司结合超低耗蓝牙无线技术(BLE)所开发的一套开放性协议。iBeacon通过低功耗蓝牙技术(Bluetooth Low Energy,BLE,即蓝牙4.0)发射广播信号,在iBeacon基站附近可以创建一个信号区域,当接收设备(智能手机、平板电脑等移动终端)进入该区域时,通过能够安置在任何物体中的iBeacon低功耗蓝牙基站,用户便能使用具有iBeacon功能的移动设备与应用方进行互动。比如利用iBeacon,在教育方面我们可以创建更多一对一的创新设计。设想一下,用户在布局了iBeacon的移动教学教室里,走班的学生进入教室,教师可以很快地进行自动考勤点名;某个学生的平板上会收到这样的信息:“××同学,你上次提交的作业还缺少一个研究报告,请抓紧完成。”这些当然可以做一些单一的App来实现,但我认为可以在微信公众平台开放的API基础上根据学校需要进行各项应用开发,可能会更系统,更容易形成平台化。

邱元阳:云平台上的微信

上期讲述微信公众平台搭建,但很多学校说他们没有专门的对外服务器。对于这些没有对外服务器而想搭建微信个人平台的学校而言,云平台是一个很好的选择。有很多读者可能不了解云平台,下面简要介绍一下。

这几年云计算的概念非常火爆,云计算的产业可以分为三级:云设备、云平台、云软件(如图2)。

云平台就是其中的PaaS(Platform-as-a-Service)模式,开发者只需要开发程序与部署程序就可以了,不用担心安装和部署环境等揪心的问题。因此选择云平台时只需要考虑使用的语言和善于使用的数据库就可以了。换言之,我们使用的是一个平台,是PaaS供应商提供给我们在互联网上的一种服务,即“平台即服务”。

因此,对一些硬件条件一般的学校来说,选择一款网络应用开发平台是一件是很重要的事情。它使得学校开发者只需简单上传应用程序,就能为公网用户提供服务。国内很多网络巨头也看到了网络应用开发平台的未来市场远景,纷纷推出了自己的应用引擎(App Engine),如新浪的SAE、百度的BAE、阿里的ACE。它们各有优势,都能满足开发公众平台的开发需要,其中一些应用引擎可以提供免费使用若干天,或者通过实名认证后能免费使用更久,读者可以尝试去申请调试。

以新浪的SAE为例,注册地址为http://sae.sina.com.cn/,在浏览器中输入该地址,将自动跳转入SAE新浪云计算平台。如果你还没有新浪微博账号,需要申请一个,登录之后,跳转到授权页面,在填写手机验证码后,点击验证手机按钮,将提示注册成功。使用注册的账号登录SAE平台,点击“我的首页”按钮,进入菜单。点击页面的“创建新应用”,会弹出禁止违法内容的提示,点击“继续创建”,弹出创建应用页面。

在此页面中,依次填写二级域名(APPID)、应用名称、验证码,开发语言选择PHP,应用类型当然选择PHP了。如果你选择的APPID已经被人占用,可以重新选一个。应用创立成功之后,会自动跳转到应用列表,在应用列表可以查看刚刚创建的应用。

进入刚刚创建的应用,找到左上角的代码管理。点击创建一个版本,将弹出创建版本页面(如图3)。

至此,我们成功创建了一个SAE应用。但用云平台与自己搭建相比有什么独到的优势呢?接下来要介绍的是基于SAE的一种微信平台开发方式,与上期介绍的独立服务器开发模式相比也许缺少了开发的独立性与自由性,但大大增加了开发的便捷度。回到SAE创建应用的界面,你会发现除了空PHP之外,会有一个WeiPHP开源微信平台的选项。

选择这个,就是另外一种开发方式。第一种方式也就是上期介绍的方式需要我们懂得相关开发知识,这种方式采用了简洁的可视化页面进行开发,两种方式各有不同,读者朋友可以自行选择。

选择了WeiPHP后,进入你的SAE应用,会出现安装页面。点击“同意”,检测环境,因为是SAE应用仓库内置服务,所以通过,点击“下一步”。下一步要创建数据库,进入SAE管理菜单,点击“MySQL”按钮,选择共享型SQL。创建好MySQL数据库后,填入相关信息,点击下一步,程序就会自动安装。安装完成后,访问首页,输入你设定的用户名与密码。

登录后显示了一个包含了很多插件的页面,使用WeiPHP开发的优势就出来了。使用这些插件不需要你自己动手开发或者懂得背后的原理,只需要填入几个参数后便可直接使用,大大方便了开发进程,丰富了拓展性。需要提醒的是,其中的一些功能还是需要微信认证后才能使用,如高级自定义菜单。一个平台可以支持托管多个微信公众平台,接下来要讲解的是如何托管微信公众平台。点击左上角的“公众号管理—新增,”便可添加微信公众平台,最多支持五个。添加成功后,还需要到微信公众平台的后台,更改URL和Token。

配置完毕后,微信公众平台就正式被WeiPHP托管了,上期提到的一些功能可以直接实现。比如智能聊天机器人功能,读者朋友们只需要去图灵机器人官方申请一个账号,然后将其Key填入,微信公众号便拥有了智能聊天功能。

金琦:蒸蒸日上的微信教育应用

接下来我们再讨论一下能否挖掘一些微信以及微信公众平台的功能,将其逐步引进到课堂教学实践之中。

举个例子,鉴于国内学生的学习情况,课堂上学生的主动提问随着年龄的增大越来越少,使得目前国内正在推行的翻转课堂实际课堂效率降低,另外在教师声情并茂地演讲时,下面的学生也怕打断教师而不敢进行提问,这时微信墙就是一种很好的解决方案。浙师大附中就将微信墙用于教育实践中,提升了课堂教学的效率和质量。以往在上一些公开课的时候,一般的课题只有一个投影屏幕,而且这张屏幕只是用来播放主讲人的PPT,话语权完全由教师掌握。增加了一个微信墙投影屏幕,实际上是开辟了另一条交流渠道,可以使主讲信息得到更丰富的体现,也可以增加教师与学生的互动,如让讲台下的学生用微信墙推送自己的作业或者疑问。

另一个实用的应用,是微信配合问卷网进行调查。问卷网是国内比较大的一家调查网站,在会议、培训或者课堂上,可以让听众使用手机的微信扫描二维码,填写事先设计好的问卷。它可以生成投票(可以让听众用手机直接参与,形成大家的看法)、提问(在讲座过程中由听众用手机直接发表提问、评论和意见与建议)、登记(培训中让听众直接用手机提交登记表,生成会议通讯录)等。

传统的英语课很难锻炼听说读写这四种能力,现在学生可以通过微信的语音与视频功能进行讨论,有利于锻炼口语与听力。教师也可以通过微信发布优秀范文,学生利用微信提供的多个接口进行听说读写训练。比如教师推送优秀例句,学生可以发语音,系统后台进行评分,学生再进行语音修正,从而提高自主学习的积极性。在朋友圈还可以生成积分榜,更加刺激了学生的学习欲望。在微信中还可以构建学习小组与学习交流群,与同学们进行文字、图片、音频、视频的交流分享与多人对话。这些功能可以使小组成员针对某一问题或学习内容进行方便快捷的异步或同步交流,分享自己的想法。并可以与某一小组成员进行单独的交流,不被其他成员所见,也可进行小组间、师生间的交流与讨论。并且通过微信可以将网络链接发送给好友,分享网络中的学习内容或信息,可以帮助探究性学习的探究过程更好地开展与实现。微信方便快捷、多种形式的交流及网络链接分享功能可以较好地促进小组内部进行合作学习、探究学习,促进小组之间的讨论,促进教育者与学习者的交流,并在一定程度上促进了多元评价的形成与开展。

除了在课堂教育上的应用,微信也可以在后勤生活上服务师生。比如浙江师范大学的微信公众平台,创新性地加入了报修功能。浙江师范大学的学生们可以就寝室里的各种故障,发送至微信平台进行报修,后台相关人员进行查看后,会根据人力资源进行最优化分配。这比其他大学还在用纸笔进行报修登记领先了很多,也有电子记录,值得推广。

在此功能之外也有延伸拓展,如查电费,查一卡通余额等功能都可以移植到微信公众平台,只需要在后台将相关数据库导入,并将页面进行链接,便可开发出类似功能。这也算将OA微信化的一种体现。学校里一个学生的标识就是他的学籍号,将学生的学籍号绑定其微信号,然后开发出一个大一统的微信公众平台是微信教育平台的终极目标。未来的微信教育平台上,学生可以以其学籍号为核心,实现更多功能,如微信教育平台联合校园O2O平台。最近在大学生中很火热的59Store,只要你在寝室里下订单,就有人把你订的商品送到寝室,非常便捷。微信教育平台可以联合学校或者第三方的商家,在自定义菜单里添加接口,使学生可以在公众平台里直接定购,抓住了学生的刚需。更甚者,学生在学院快递点使用学校的微信平台扫描二维码,就可以领取属于自己的快递。相信日后肯定有更多基于微信的精品应用被开发出来!

刘宗凡:大步前进

虽然微信公众平台好处多多,但是事物总有两面性,问题总是存在的。目前发现的为问题主要有以下几点:

1.缺少精品的教育资源

目前微信缺少特别吸引人的教育资源,还处于蓝海阶段等待开发。而且大多数只面对本校学生开放。

2.监督机制尚不完善

在利用微信部署教育平台的应用时,教师或学习平台本身应该起到的监督作用可能不能很好地发挥,监督机制尚不完善。教师不能够很好地通过微信对学习者的学习过程、学习内容、学习效果等进行监督,不能发挥其应有的监督作用,微信平台本身也不能对学习者的学习起到检查、监督的作用,如果学生不在意它给出的分数,也不能起到教育作用。这一问题使学习过程中应有的监督机制不能较好地发挥作用,学习者不能够较好地根据实际情况调整自己的学习方法、学习内容和学习状态,这在一定程度上阻碍了学习者更好地学习以及学习过程的发展与学习效果的实现。

3.网络诱惑影响学习效果

在使用微信教育平台时处于联网状态,对于某些自控能力较差的学生来说,他们可能会被各种因素干扰,影响学习。在微信教育平台上缺少相应的监控措施,在一定程度上会影响学习者的正常学习。

但微信公众平台只是一个工具平台而已,再精彩的内容还是需要经营者自己开发与创新的。和其他的平台相比,微信公众平台更接地气,用户群体更广。虽然前面举了很多微信教育平台的相关应用,但是就国内而言,微信教育平台的开发还没有规模化的标志性代表。因此,微信教育平台的开发是一项很有价值的选择。

猜你喜欢
页面公众微信
答案
让Word同时拥有横向页和纵向页
古代诗人玩转公众号
追踪潮流前线,一定不能错过这几个公众号
微信
魔镜告诉我,你缺少时髦的APP公众号
微信
微信
关于我国公众环保意识的几组数据
驱动器页面文件大小的总数为何总是07