Think in Drupal 第6集 基于Drupal的微信公众平台开发

作者:亚艾元微信开发小组,http://www.yaiyuan.com

Think in Drupal,第六集,很早就动工了,但是因为时间的原因,一直没有完成。鉴于Drupal8马上就要出来了,我们将Think in Drupal下面的1,4,5集免费出来,同样,没有完工的第6集,也免费出来。


第六集,是关于微信开发的,在204-2-18,写下最初的文字,但是到现在都没有写完,主要是项目原因,公司的事情很多。通过免费,让更多的人,了解我们的微信方面的最新进展,使用我们开发的微信模块。也是通过免费,顺带督促一下自己,尽早的将Drupal7下,think in Drupal的最后一集完工,画上一个句号,从零开始迎接Drupal8的到来。让我们来看看,最初都写了什么。

 

Drupal版本:

(基于Drupal的微信公众平台开发) 第一章 微信公众平台概述

作者:亚艾元微信开发小组,http://www.yaiyuan.com

微信,这个词,我听了很久了,最近越来越热。2013年年初的时候,给一家软件公司做技术培训,他们就告诉我们,他们在做微信的开发;2013年五六月份的时候,为中科软提供Drupal技术支持的时候,就听他们说,在用Java开发微信应用;2013年九十月份的时候,我的一个高中同学,在自己的QQ上,大规模的宣传微信培训;20141月,我终于按耐不住,春节回家前,买了柳峰的《微信公众平台应用开发---方法、技巧与案例》,当然我还阅读了微信公众平台开发的官方文档;春节期间,我用了两天的时间,就把柳峰的书看完了,书写的很好,语言采用的Java,还好我做过Java开发,读起来没有任何困难,这个时候,我就在想,将微信和Drupal结合起来,我有了一些初步的想法;20142月,多年没有联系过的一个同学,请我帮他开一张发票,他是学医的,发票内容却是软件开发,他帮他们医院搭建了一个微信公共平台;我最初的等一等,看一看的心理,被抛在了脑后,马上行动起来,这是一个难得的机会,我又购买了两本微信公众平台应用开发的图书,一个晚上就都看完了。

 

原来我想,等Drupal8出来以后,写本微信与Drupal8的资料;也就是说,Think in Drupal6集应该是关于Drupal8的。现在我改变了这个想法,决定开始编写Think in Drupal6集,基于Drupal7,讲述微信公众平台的开发及应用。

 

Drupal版本:

基于Drupal的微信公众平台开发: 微信的历史

作者:亚艾元微信开发小组,http://www.yaiyuan.com

12011121日,微信发布针对iPhone用户的1.0测试版。这一版本的功能比较单一,可以将qq的好友之类资料导入。并且聊天还是文字形式,不能使用语音。可以理解为是一个qqmini版。

22011510日,微信发布了2.0版本就是在这个版本,微信成为了微信,加入了语音功能。 这个功能的加入使得微信的用户有了第一次提高,也正是这个版本才表明了微信与qq的不同之处。之后2.5版加入了“查看附近的人”这一功能,的确是一个很创新的功能,你查看别人的同时,别人也能查看你。

32011年国庆当日,微信发布3.0版本。摇一摇功能极具创造性和趣味性,从而进一步增加了微信的社交属性,而漂流瓶则是整合了QQ邮箱的相关功能。新增的繁体中文界面以及对五个地区手机号码绑定的支持,则意味着微信开始迈出了国际化的步伐。

420123月,微信用户数突破1亿大关。419日,微信发布4.0版本。从4.0版开始,微信的官方英文名称被定为Wechat2012719日,微信4.2版本增加了视频聊天插件,并发布网页版微信界面。你可以拥有一个精美的相册,将生活记录在相册中。支持把照片分享到朋友圈,让所有微信通讯录里的朋友看到,他们还可以对照片评论和赞。支持把照片分享到朋友圈,让所有微信通讯录里的朋友看到,他们还可以对照片评论和赞。支持图片、视频转发给其他微信朋友。支持对微信朋友发送你当前的地理位置,方便朋友找到你。可以对某个通讯录里的朋友标星标,这样就可以快速在通讯录顶部的星标分组里找到他们了。支持对多个微信好友群发消息,减少你重复繁琐的操作工作。

520138月,微信发布5.0版本,表情商店,有趣好玩的表情在这里;“扫一扫”,可以扫条码、图书和CD封面、街景,还可以翻译英文单词;你可以在游戏中心,和朋友们一起玩游戏;绑定银行卡,在公众号、扫二维码、App中实现一键支付;新增收藏功能,可以收藏聊天、公众号、朋友圈的信息;自主研发的语音识别技术,可直接在聊天中语音输入;订阅号的消息被折叠起来,让你的消息列表更干净;右划可以返回到聊天列表,双击左下角“微信”可以定位到最新一条未读消息;2014-01,发布5.2版本。

20111月,微信诞生;20123月,用户量突破1亿;20129月,用户量突破2亿;20131月,用户量突破3亿;2013 4月底 ,用户量突破4亿;2013 7月,用户量突破5亿;20142月,微信用户应该已经超过6亿,现在没有官方数据,国内用户应该接近或超过5亿,海外用户1.5亿。20142月,春节期间,微信红包满天下飞,阿里巴巴的马云,将微信红包,比如腾讯对阿里巴巴发起的一场成功的“珍珠港偷袭”。

 

20128月,腾讯推出微信公众平台,一批明星和媒体入住微信公众平台,吸引了大量粉丝的关注;201211月,微信公众平台开放第三方接口。

 

Drupal版本:

基于Drupal的微信公众平台开发: 注册微信公众号

 打算为think in Drupal注册一个微信公众号,以下是当时的注册流程,供大家参考,

作者:亚艾元微信开发小组,http://www.yaiyuan.com

访问微信公众平台的主页面:

 zhuce-1.jpg

在这里输入自己的邮箱,密码,自己是有QQ账号的。

 

进来以后,可以看到下面三个选项,我们这里选择服务号:

zhuce-2.jpg

 

点击这里的确定:

 zhuce-3.jpg

确定后:

zhuce-4.jpg

主体类型包括:政府、媒体、企业、其它组织,我们这里选择企业:

 zhuce-5.jpg

 

zhuce-6.jpg

这是我的填写:

zhuce-7.jpg

zhuce-8.jpg

这里有一个微信的二维码认证,需要用自己的微信的扫一扫,扫码验证:

  zhuce-9.jpg

zhuce-10.jpg

点击确认、再点击确定后,网页这边就验证通过了。

zhuce-11.png

zhuce-12.jpg

填好这些信息以后,点击继续。

zhuce-13.jpg

点击确定。

 zhuce-14.jpg

点击这里的完成:

zhuce-15.jpg

我们完成了微信公众号的创建工作,不过这只是我们工作的第一步。

 

Drupal版本:

其它技术概述文章

与微信开发相关的各类概述文章

Drupal版本:

Drupal + wechat模块 + Solr + tomcat + AngularJS + Ionic 微信开发新选择

我们在一个实际的手机APP应用开发中,最初开发采用jquery mobile, drupalgap进行开发完成了初步功能,仅限于APP,随着新增需求和变更的出现,第一个版本呢,用户评价,太烂了,速度性能也很慢,界面不友好,bug很多,不稳定。我们又重新基于新技术开发一遍。新版APP,还有微信受到了用户非常好的评价。基于新技术开发的,用户评价很高。同时支持微信,使用微信、AndroidIOS都基于同一套系统。APP的功能,和微信一模一样,所以这里就介绍一下我们采用的技术结构。

  在微信公众号里面,搜索“超声掌中宝”,既可找到本公众号。

zhangzhongbao.jpg

移动APP采用以下技术构建:

DrupalPHP+ wechat模块

Solr + TomcatJava

AngularJS + Ionic

 

特点:

  1. 性价比高

  2. 性能优良

  3. 界面简洁大方

一套系统同时支持微信,APPAndroidIOs

 

由于是国内,第一家使用这样的技术架构开发微信公众平台的,所以我们遇到了各种各样的坑,不过我们最终迈过这道坎,跨入了微信开发的新时代。

 

我们先后解决了以下问题:

  1. IonicangularJS)示例程序的运行,在phonegap下面的打包

  2. IonicangularJS)与Drupal的连接问题,从Drupal端取数据

  3. IonicangularJS)端登陆Drupal的问题,以及用户的权限控制

  4. IonicangularJS)端,向Drupal提交数据的问题

  5. 通过IonicangularJS),向Drupal端上传图片、文件

  6. 解决IONICangularJS)端视频播放的问题

  7. 解决无限滚动的技术问题,下拉更新的问题

  8. 解决了在微信端,直接打开IONicangularJS)页面的问题

     

    实际的问题,远远多于这些

     

    迈过了一道又一道坑,终于成功的到了技术的彼岸。

     

    需要说明的是,Ionic本身是基于AngularJS,提供了一套清新的UI界面,主要面向移动端的,它的基本思想是,移动端的开发不需要采用PC的思维。

AngularJS,是Google公司的产品

 

Drupal版本: