微信公众号开发之使用eclipse创建微信web工程并发布到BAE测试

本篇博文主要是讲一下在eclipse上创建一个微信web工程并发布到BAE上,其中会讲一些应该注意的问题

1.切入正题,为了减少麻烦,我使用百度提供的一键安装版的Eclipse,下载地址:http://developer.baidu.com/wiki/index.php?title=docs/cplat/ide/install#.E4.B8.80.E9.94.AE.E5.AE.89.E8.A3.85 ,在最下面下载相应的版本即可



2.下载完以后,解压到某个盘下面就可以,我习惯放在D盘根目录,新建一个盘,命名为EclipseForWeiXin,然后把下载到的压缩包解压到该目录即可

3.打开eclipse配置workspace工作目录,一般我放在和eclipse同级的目录中,即EclipseForWeinXin下,接下来就是各种编码的设置,workspace,jsp,xml...,这里略去,大家可以自行上网搜索解决,当让了还可以设置自动提示等

4.接下来咱们在Eclipse上安装svn插件(主要是用来提交代码(war包)到BAE),安装方法:点击Eclipse头部的Help-->Install New Software-->按下图操作,然后一路next,安装完以后Eclipse会重启



5.接下来咱们在Eclipse上安装tomcat,百度现在最高支持7.0.40,所以咱们安装该版本的tomcat,下载地址:

安装方法:1.解压tomcat到EclipseForWeiXin目录,其实安装到哪无所谓,路径配置对就行,这样做主要是为了保持系统的干净,我一般一个Tomcat跑一个项目.

2.点击Window-->Preference-->Server-->RuntimeEnvironment-->Add-->Apache-->Apache Tomcat 7.0-->next-->按如下图操作,完成配置



6.经过以上几部,我们完成了Eclipse的安装,SVN插件的安装,Tomcat的安装,这里有个小细节:后续war包的导出需要依赖tomcat,所以我们尽量把准备工作做充分点,我之前因为没有安装Tomcat,直接导出war包发布到BAE上,结果一堆404

7.接下来我们可以创建web工程了,点击Eclipse左边空白处,New-->Dynamic Web Project-->接下来按下图操作,一路next,有个地方注意下,请勾选 生成一个xml文件





8.接下来咱们就可以写代码了,但为了开发微信公众号,我们还有点准备工作要做,到百度开放平台申请一个开发者账号,这里不再详述,按要求完成注册即可,申请地址:http://developer.baidu.com/,完成注册以后按下图操作





完成工程的创建以后,我们需要把该工程的svn地址填到eclipse中,按下图操作



接下来点击Eclipse左边空白处-->右键Import-->SVN-->从SVN检出项目-->Next-->选择创建新的资源库位置-->Next-->在URL位置,把我们刚复制的svn地址复制进去,Finish

9.使用SVN检出我们在BAE上创建的项目,点击Eclipse左边空白处-->右键Import-->SVN-->从SVN检出项目-->Next-->选择使用现有的资源库位置-->选择我们的资源库,一路next,最后按下图操作,项目名称不用改(后面直接替换该工程下面的ROOT.war上传到BAE即可,还可以把我们的工程命名为与在BAE上一直的名字,这样做也是为了避免少出错吧)



之后Next-->Finish即可

10.这样我们就得到了在BAE上默认的工程,该工程下面有两个文件,



我们主要是操作ROOT.war,发布新版本主要是把微信工程打成war包,替换这里的ROOT.war,利用svn提交即可,这个后面会做详细说明

11.我们可以创建一个工程名为WeiXin的Dynamic Web Project工程,和BAE上的工程名保持一致,接下来就可以开心的写代码了,具体怎么写可以参考峰哥的博客,地址:http://blog.csdn.net/lyq8479/article/list/2,从[24]开始看,看到[29]就可以实现简单的响应了,建议大家学习峰哥的思想,不要简单的照抄代码,这样才能学到的更多,分享的越多,自己懂的也会更多,大神也许就是这么积淀的.

12.微信的配置这里就不在阐述了,峰哥已经讲的很详细了,告诉大家一个小秘密,作为开发者,我们可以申请一个微信公众测试账号,所有的接口都可以用,缺点:使用期限1天,申请地址:http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login,用微信扫描左边的二维码即可得到一个微信公众测试账号,打开页面后我们还不能用,按照峰哥博客[27]进行配置可能显示配置失败,就像峰哥说的,我们还需要把我们的微信工程发布到BAE上,如何发布呢?做了前面的工作,发布就变得很简单了.

13.把写好的微信工程发布到BAE的步骤:1.右键写好的微信工程(注意不是从BAE上检出的微信工程,而是自己在Eclipse上创建的和BAE上同名的微信工程)-->Export-->WAR file,接下来按下图操作,注意war包需命名为ROOT.war,因为我们从BAE上检出的项目下就是ROOT.war,发布的时候直接替换咱们检出的工程下面的ROOT.war就可以了



14.发布微信工程到BAE,删除下面的ROOT.war包,把我们刚导出的微信工程的ROOT.war(我的位置是:G:\AllDemo\ROOT.war)包放到该工程下,提交该工程到BAE即可,具体提交方法:右键点击该工程-->Team-->提交即可,注意是提交这个工程到BAE



接下来我们就要手动在BAE上部署了

15.在BAE上部署我们提交的工程,如下图





在工程名前打勾,选择发布设置,可以看到,有个发布新版本的按钮



点击发布新版本即可,发布过程可以看Catalina日志输出,不怎么好用,建议在本地的tomcat上跑通后在上传到BAE上发布,一般就没啥问题了

16.完成以上配置我们就可以关注我们的微信公众号,进行测试了

亲,对微信公众测试账号发布两条信息试试吧