微信公众号怎样开发?

9158APP 0

微信公众号怎样开发?

我们在日常生活中都会使用微信公众号。公众号给我们的生活带来了很多便利,但是你知道吗微信公众号怎样开发? 最近很多微信用户问我微信公众号怎样开发? 小编带你去了解一下。微信公众号怎样开发?

微信公众号的开发既简单又麻烦。麻烦的不是开发过程,而是搭建开发环境的过程。不过,俗话说,磨刀不误砍柴工。我们有必要花一些时间来研究如何打破微信公众号的开发循环。说白了,公众号的开发就是基于HTML/CSS/JS的移动Web

App开发,不过微信公众号和普通手机Web

App开发则略有不同,因为很多时候我们会调用公众号的接口,而只要请求涉及到微信接口,就必须通过微信内置浏览器来访问。如果我们想把请求放在PC桌面浏览器上运行调试器,它会跳到一个笑脸来提醒你出了问题(图1)。

微信公众号开发零基础教程

图1 微信应用无法直接在PC浏览器中调试

这样的安全机制和门槛是可以理解的,因为微信浏览器基于Webkit内核扩展了很多方法,也封装了很多接口。这条路是微信开辟的,这棵树是微信种下的。如果你想开发公众号,就必须经过它。这意味着我们无法直接在PC浏览器中开发和调试公众号页面。那么庄传媒的开发者是如何解决这个问题的呢?首先我们需要达成一个共识,在小手机上进行开发和调试确实不切实际。如果我们能在PC 上开发,就有Chrome 中的review elements 或Firefox 中的Firebug 等强大工具,何必担心公众号的开发呢?所以我们的目标是在PC浏览器中开发调试公众号,并在手机微信上测试结果。我们只需要两步就可以达到这样的效果。

一、使用代理访问服务器

不要被“代理服务器”这个术语吓到。其实,只要我们有一台笔记本电脑或者台式电脑,插上无线网卡,设置代理就足够了。这一步对于开发过移动Web应用的开发者来说并不陌生。正如你可能已经猜到的,这关键的第一步也适用于微信公众号的开发。下面我简单描述一下。这里的方法主要是针对Windows提供的。 Mac/Linux 的方法类似。在我们点击这里之前,我们不会重点介绍介绍。

将您的计算机设置为代理服务器

下载并安装Fiddler2(如果Windows

8、请下载Fiddler4; Mac/Linux用户可以使用Charles/Nproxy等代理工具。

安装后配置Fiddler:Fiddler菜单工具Fiddler选项连接,如图2所示。

微信公众号

图2 Fiddler配置流程

绑定主机

进入windows/stystem32/driver/etc/目录。 (Mac/Linux用户的hosts目录位于/etc/下。)

备份hosts文件,使用记事本修改hosts文件,在末尾追加hosts。

是在线环境的服务器IP。

是公众号申请的域名。

设置移动代理服务器

开始菜单运行cmd,打开命令行窗口,输入ipconfig查找您的IP地址。

以iPhone为例,进入设置无线局域网选择自己的网络并设置代理服务器和端口,如图3所示。

安卓手机也有类似的配置功能,就不详细解释了。

微信公众号开发

图3 手动设置HTTP代理

原则及注意事项

您的电脑必须与手机处于同一网络,否则手机无法连接代理服务器。

通过手机访问时

当进入一个域时,就会访问代理服务器,并且这个代理的hosts被设置为我们指定的IP,所以访问开发环境就像访问微信公众号一样。

二、开发设计Debug模式

如果说上面第一点是好马,那么第二点就是好鞍。是啊,好马配好鞍,一日可行千里。

在PC浏览器中无法访问请求微信公众号接口的URL,但是我们可以通过Debug模式绕过微信接口,继续执行接口背后的逻辑。方法有很多,需要开发者发挥想象力,展现才华。下面是Makeup Media开发者提供的一个使用中的方法,供参考。

我们通过在URL后面拼接参数来激活调试模式。

然后在代码中判断Debug,模拟微信接口返回的数据绕过微信公众号的接口请求,这样就可以在PC浏览器中顺利开发调试了。喜欢:

if ( 窗口. 位置. h ref .indexOf('?debug') 0)

{

//模拟微信公众号接口返回的数据} else {

//访问微信公众号接口}