微信开发环境搭建(Tomcat/Resin/Apache Server

@废话在前

微信开发主要是先要申请一个公众号，登录公众号后设置微信里面公众号的界面和跳转连接以及消息推送、自动回复等等。

 这里简单搭建一个以自己电脑为服务器的测试开发环境，服务器用Tomcat（另外推荐Resin），前端Dreamweaver或Sublime，webstrom等，另外推荐火狐FireFox或者谷歌Chrome做H5的审查元素调试器，非常方便，还可以另外安装很多开发工具。

1.微信公众开发平台：

2.服务器搭建：

(1) 首先是安装Tomcat；

mac最好是要安装到Library目录下，进入Library目录的方法是打开Finder，按command+shift+G，搜索~/Library(注意目录~/Library和/Library虽然都是资源库但不一样);

将官网下载的tar.gz压缩包解压，把文件夹的名字改为Tomcat，复制到~/Library目录下，然后在终端一次执行下面的指令就可以了：

sudo mkdir -p /usr/local

sudo mv ~/Library/Tomcat/usr/local

sudo rm -f /Library/Tomcat

sudo ln -s/usr/local/Tomcat/Library/Tomcat

sudo chown -R你的电脑用户名/Library/Tomcat

sudo chmod +x~/Library/Tomcat/bin/*.sh

 进入后打开tomcat安装文件夹：

bin目录里有启动文件，webapps存放服务器资源：

将bin目录里面的startup.sh文件拖到Terminal终端中回车运行即可启动tomcat：

在webapps文件夹里面新建一个文件夹，存放开发资源供访问，这里新建了一个叫department的文件夹根目录（webapps是tomcat配置指向的访问目录）;


在department里面放入一个html文件，就可以在浏览器访问了，但是访问的浏览器必须和服务器电脑在同一个网络里面：

访问地址格式：http://192.168.2.3:8080/department/index.html

192.168.2.3这个是服务器的ip地址，按照自己的来，当然如果是本机访问直接输入localhost即可；

 8080是端口号；

 department是刚刚新建的文件夹根目录；

 index.html是里面存放的html文件。

(2)Resin的安装：

 这里用最简单的方法，不用指令：

1.下载最新版resin tar.gz：http://caucho.com/products/resin/download/archive/gpl

2.解压后放到自己好找的想放的文件目录，我放到Library里面了，跟tomcat一起；

3.双击Resin文件夹里面的config文件或者把它拖到终端运行，配置一下；

4.打开Resin文件夹里面的bin目录,把里面的resin.sh拖进终端，然后在后面输入start后运行可以启动resin，输入stop后运行可以停止resin；

5.之后的操作就跟Tom猫一样了；

(3)Mac自带Apache服务器：

启动 Apache：sudo apachectl start

关闭 Apache：sudo apachectl stop

重启 Apache：sudo apachectl restart

查看 Apache 版本：sudoapachectl -v

Apache服务器的根目录是 /Library 下WebServer/Documents,类似于tomcat和resin的Webapps

只不过apache目录下的文件编辑都需要本机用户密码验证。

3.前端工具

Dreamweaver CC for Mac： http://pan.baidu.com/s/1sjMjljJ

Sublime Text 3 forMac(内涵激活注册码)： http://pan.baidu.com/s/1sjL3m4t

FireFox