微信开发必看

维护人:戴荔春 (6016)

说明

本文针对开发人员,微信开发前,先对进一步了解微信开发

目录

• 什么是微信开发
  • 微信开发分类
  • 微信项目与普通移动网站项目的区别
  • 微信前端网页开发
  • 微信后台开发
  • 关于微信网页开发样式库
  • 关于X5内核
• 微信开发调试
  • 关于测试公众号
  • 如何在本地进行微信公众号开发调试
  • 关于微信Web开发者工具
• 公众号常用功能实现
  • 订阅号如何进行网页授权

什么是微信开发

从功能上来说,包括微信公众号(订阅号,服务号),微信企业号的开发。
微信公众号主要面向大众,而微信企业号主要面向企业内部员工

从技术上来说,包括微信前端网页,微信后台管理系统(开发这模式下),业务逻辑接口的开发
而按照开发形式一般分为 前端网页开发和后台开发

微信开发分类

微信公众号开发中,根据API的功能不同,可以划分为两大类,前端网页开发和后台开发,如图

微信项目与普通移动网站项目的区别

微信项目包括微信后台,以及微信网页,这里分别介绍

微信网页与普通网页区别

微信网页最终的展示成果也是移动网页,但是项目普通的移动网站,有所区别。微网页使用的是微信容器,所以可以通过微信开放的API实现一些特殊的功能,如下

• 普通的移动网站项目无法使用一些微信特有功能
• 微信项目的网页中可以使用一些微信特有功能(需要开发者按照一定开发流程进行),比如每一个页面中可以获取微信的用户基本信息(唯一id,昵称等)。比如每一个页面中可以使用一些微信JSSDK功能
• 但是,请注意,微信项目相比起来也多需要了一些 必要条件

微信后台

微信项目的高级开发中,能够自行开发微信后台,进行用户分析统计,素材管理等等(正常小项目请无视这一点)

• 正常的微信项目只需要用到编辑模式即可,　可以参考 编辑模式下的功能来实现一些自动回复,菜单配置,群发消息等功能
• 一些比较特殊的需要自定义微信后台的1项目,需要后台人员自行定义微信后台(后续公司统一微信框架出来后会比较方便,现在而言代价很大)

微信前端网页开发

请参考: 微信网页开发指南

微信后台开发

请参考: 微信后台开发指南

关于微信网页开发样式库

WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页开发量身设计。地址 https://github.com/weui/weui

但是,实际微信网页开发中,我们统一采用的是Mui样式,所以为了和其他项目保持一致,请不要单独使用WEUI(当然了,实际可以借鉴其中的部分样式来进行开发)

关于X5内核

腾讯X5浏览服务由QQ浏览器团队出品，致力于优化移动端webview体验的整套解决方案，使用QQ浏览器X5内核SDK和X5云端服务，解决移动端webview使用过程中出现的一切问题，优化用户的浏览体验，同时腾讯还将持续提供后续的更新和优化，为开发者提供最新最优秀的功能和服务。

官方地址: http://x5.tencent.com/index

微信浏览器即采用了X5内核,相比其它APP的浏览器,微信浏览器效果很不错。同时由于微信是基于X5内核浏览的,所以微信网页一般与普通H5网页有所区别(正常情况都是功能有所完善),开发请注意X5开发注意事项(参考官网)

微信开发调试

关于测试公众号

有时候开发时,由于正式的公众号已经上线,无法调试,一般会用测试公众号进行调试,以下是测试号的特点:

• 权限很全,几乎拥有公众号的所有权限(群发消息一样会有限制)

• 测试号最多只能有100个关注用户

• 测试号进行网页授权时,必须要对应用户关注测试号才行,否则无法正常授权

如何在本地进行微信公众号的开发调试

微信开发中,通常需要将后台部署到有备案域名的外网服务器上才能看到效果,这样十分不方便,所以为此,微信方提供了更方便的微信调试工具,可以将本机通过工具映射为外网域名地址,进行后台调试

• 如何下载微信调试工具

  请参考官网,上面提供了快速开始教程 快速使用微信调试工具

• 如何进行公众号本地调试

  参考 微信公众号本地调试

• 工具映射流程
  • step1:

    qq浏览器将本机和qq代理服务器之间建立链接(比如socket)

  • step2:

    外网->访问qq代理服务器->socket(8000端口)访问本机 ->qq浏览器内部中转 ->本机绑定对应端口的容器

• 常见问题
  • http://***.proxy.qqbrowser.cc:8000 not found

    可能原因:Windows电脑防火墙问题,没有配置入站规则,而qq浏览器实质上是通过8000端口进行中转

    解决方法:打开控制面板->windows防火墙->高级设置->入站规则->添加8000端口(运行所有链接)

关于微信Web开发者工具

微信为开发者提供了一个微信Web开发这工具,使用这个工具,可以在PC端上模拟手机微信环境(可以理解模拟器作用),同时该工具该能进行调试,可以提高开发效率。(前面的微信调试工具是模拟后台的,这个是模拟客户端的)。 参考官方文档 http://mp.weixin.qq.com/wiki/10/e5f772f4521da17fa0d7304f68b97d7e.html

平时进行微信项目开发时,推荐使用这个工具,可以提高开发效率。

公众号常用功能实现

订阅号如何进行网页授权

订阅号是无法进行授权回调的,所以在帮订阅号实现这个功能时是统一采用的公司服务号的授权

参考 订阅号网页授权