微信公众号中的H5页面是怎样炼成的【百科全说】

现在是自媒体时代，很多个人或者小团队都希望能有一个微信公共号平台用来宣传自己。公共号开通其实很简单，推广的方式也已经模式化，这些无需多述，这里我们从技术的角度来看看一个技术人员完成一个带有H5页面“会员中心”的公众号的流程。

操作方法

01

公众号有的三个类别如果您的公众号需要经常性的推送群发图文消息，那么请注册订阅号，其他情况还是推荐注册服务号。不过注册服务号需要进行认证，这个需要有一个公司或者个体的资质。小程序是一个基于微信的小app，它在制作的时候需要绑定一个位置，方便用户查看周边小程序能够找到你，目前小程序在餐饮住宿零售等行业使用的不错。
02

我们主要来对比认证订阅号和认证服务号的区别 1、文章推送数量及展示订阅号每日可以推送一次图文消息或者图文消息列表，用户查看推送的消息，需要打开微信-订阅号-你的订阅号才能查看消息。订阅号有数量优势。服务号每月可以推送四次图文消息或者图文消息列表，用户查看推送的消息，可以在聊天列表中直接打开你的订阅号查看消息。服务号有更好的查看率。 2、系统接口由于订阅号更适合媒体平台，因此订阅号没有模板消息接口（发送业务通知-类似信用卡发送的账单消息），不能获取当前用户的位置，不能使用微信支付接口，不能使用网页授权获取用户openid/用户基本信息（不能在H5页面中集成微信登陆），好的一点是订阅号支持微信网页JS-SDK（使用JS-SDK可以调用微信系统接口，如语音、视频、图片、分享、扫一扫等功能）。具体接口说明可以查看微信官方接口文档。服务号可以使用微信提供的所有接口，如网页授权登陆、微信支付、微信网页JS-SDK（使用JS-SDK可以调用微信系统接口，如语音、视频、图片、分享、扫一扫等功能）
03

注册公众号过程很简单，通过微信公众平台右上角立即注册，选择您要注册的公众号类型就可以进入填写信息界面
04

根据要求填写各种信息就可以了，如果需要微信认证，我们就需要填写对应的企业三证合一的证件信息、开户行信息，并填写一份认证公函签字盖章拍照上传，三两天就可以认证通过。认证通过后就该技术人员出手了，现在我们回到主题，客户需要一个带有会员中心的公众号，技术人员会怎样处理呢？首先客户需要租一个云服务器或者web托管，需要申请一个域名并且备案（备案时间一周到两周时间就可以下来），有了服务器和域名，技术人员会先去域名解析平台绑定解析到租好的服务器，然后再服务器的管理平台或远程至服务器进行域名绑定，并建立一个ftp目录保证他可以随时将网页源文件传送到该目录。
05

服务器和域名做好以后，技术人员还需要在公众号进行配置。每一项配置填写以后都需要做测试配置是否成功，有时在配置这里因为找不到问题原因，折腾一天也是有可能的。
06

前面说的只是做H5会员中心的配置阶段，配置好以后才真正进入开发阶段开发过程会涉及三个工种分别是美工设计、前端开发、后台开发。美工设计主要是用来设计页面布局色调的人员。前端开发是承接美工和后台人员的桥梁，并且是用户使用程序的直接面对着。前端人员要通过CSS+HTML代码将美工的界面实现成网页形式。要通过JavaScript与后台页面进行通信，并将通信返回的数据使用JS动态的更新当前页面，一个会员中心前端人员可能需要些十几二十个接口与后台进行通信，每个接口都会实现一个对应的功能，如获取用户信息接口，用户修改头像接口，用户短信认证接口等，每个接口都采用AJAX异步通信的方式与后台进行交互，通过后台返回的JSON格式数据，再对用户中心中对应的内容进行更改。如果用户中心涉及到用户转发文章统计功能，前端还需要使用微信JS-SDK开发，并对URL地址的哈希值处理，并且要做本地存储与用户验证登陆跳转时的逻辑关系处理。后台开发人员主要是建立数据库，通过PHP或者.net JAVA等语言制作对数据库操作的页面，并预留POST接口接收前端发送过来的post信息，通过post信息对数据库进行对应的操作，操作完成以后返回一个操作结果json串发送回前端，如果需要集成微信用户登录就需要做微信的登陆认证，认证的过程比较复杂，基本原理就是用户授权登陆以后，该公众号的页面得到用户给予该公众号的唯一艾迪和用户的昵称头像信息，然后将该信息放入自己的用户库中，每次用户登录的时候都要跟库里的人员进行判断，这样就不会每次提示用户授权登陆该公众号了。
07

一个会员中心功能虽然看上去功能不多，但是麻雀虽小五脏俱全，他包含了用户基础微信登陆，微信JS-SDK开发，以及H5页面制作开发，后台开发等开发过程。在开发过程中前端会使用到微信的web开发者工具进行页面测试，在这里会测试iphone各个版本，安卓版本的多种测试，测试无误以后会正式部署到服务器上，部署到服务器上还要再进行一轮测试，确保交付到用户手中的功能有尽量少的BUG。微信公众号中只要是需要用户授权登陆的页面基本都是按照这个流程做下来的，在我们使用这些功能的同时，也系统能够为我们的工程师们点个赞，感谢他们的付出。

微信公众号中的H5页面是怎样炼成的

操作方法

相关推荐