h5怎么发布到微信公众号?微信公众号h5页面怎么开发?

9158APP 0

h5怎么发布到微信公众号?微信公众号h5页面怎么开发?

一般来说,利用公众号推送H5的方法有四种~

1.添加原文链接

将链接放入您创建的h5 页面,您可以在其中阅读原文。别人只要点击阅读原文,就能看到你的H5页面。

2.公众号群发

进入微信公众平台,进入群发功能菜单,输入想要链接的地址,然后群发出去。

3.生成二维码

一般来说,H5页面都有自己独特的二维码。您可以将文章中的二维码发到群里,或者在图片中添加h5二维码。其他人只需按住二维码即可识别。跳转到你的h5。

4.图文跳转

如果您开通了微信支付公众号,可以在图文消息中添加跳转链接。

这里我们从技术角度来看一个技术人员完成一个带有H5页面“会员中心”的公众号的过程。

打开mp.weixin.qq.com网站,进入微信公众平台官方网站。可以看到公众账号分为三类。

如果您的公众号需要定期推送群图文消息,那么请注册订阅号。其他情况,建议注册服务帐号。但服务账号的注册需要认证,这需要公司或个人的资质。小程序是基于微信的小应用程序。制作时需要绑定一个位置,方便用户查看周围的小程序找到你。目前,小程序在餐饮、住宿、零售等行业得到广泛应用。

我们来看看订阅号和服务号的区别。

非认证订阅账号(个人可以注册的公众账号)只能发布图文消息,每天可以推送一次图文消息(可以是一篇文章,也可以是一组文章)。未验证订阅账号的菜单只能链接到您在自己的公众号中发布的图文信息。所有其他功能都需要身份验证才能使用。

我们主要对比一下认证订阅号和认证服务号的区别。

1.文章推送数量及显示

订阅账号每天可以推送一次图文或图文列表。要查看推送的消息,用户需要打开微信-订阅号-您的订阅号才能查看消息。订阅账户具有数量优势。

服务帐号每月可推送4次图文消息或图文消息列表。用户若要查看推送的消息,可以直接在聊天列表中打开您的订阅账号查看消息。服务帐户的观看率更高。

2. 系统界面

由于订阅号更适合媒体平台,订阅号没有模板消息接口(发送业务通知——类似于信用卡发送的账单消息),无法获取当前用户的位置,无法使用微信支付接口,无法使用Web授权获取用户的openid/用户基本信息(微信登录无法集成到H5页面)。好在订阅号支持微信网页JS-SDK(使用JS-SDK可以调用微信系统接口,如语音、视频、图片、分享、扫描等功能)。具体接口说明请查看微信官方接口文档。

服务号可以使用微信提供的所有接口,如网页授权登录、微信支付、微信网页JS-SDK(使用JS-SDK可以调用微信系统接口,如语音、视频、图片、分享、扫描, ETC。)

注册公众账号的过程非常简单。立即通过微信公众平台右上角注册。选择您要注册的公众账号类型,进入信息填写界面。

按要求填写各种信息即可。如果需要微信认证,我们需要填写相应的企业证明信息和开户银行信息,并填写签名、盖章、拍照并上传的官方证明信。三两天之内就能完成。可以认证。

认证通过后,技术人员将采取行动。现在我们回到主题。客户需要一个有会员中心的公众账号。技术人员将如何处理?

首先,客户需要租用云服务器或虚拟主机。他们需要申请域名并注册(注册时间可以在一到两周内完成)。有了服务器和域名,技术人员首先会去域名解析平台将解析绑定到租用的域名上。服务器,然后将域名绑定到服务器的管理平台或者远程绑定到服务器,并创建一个ftp目录,保证他可以随时将网页源文件传输到该目录中。

服务器和域名准备好后,技术人员还需要在公众号上进行配置

填写好各项配置后,需要测试配置是否成功。有时可能会花一整天的时间在配置上,因为找不到问题的原因。

上面我说的只是H5会员中心的配置阶段。配置完成后,将开始开发阶段。

开发过程会涉及到美术设计、前端开发、后端开发三类工作。

美术设计师主要是设计页面布局和色彩的人。

前端开发是美工和后端人员之间的桥梁,是用户使用程序的直接界面。前端人员必须通过CSS+HTML代码将美工界面实现到网页中。为了通过JavaScript与后端页面进行通信,并利用JS将通信返回的数据动态更新当前页面,一个会员中心前端人员可能需要十几二十个接口与后端通信,而每个接口会实现相应的功能,比如获取用户信息的接口、用户修改头像的接口、用户短信认证的接口等,每个接口都采用AJAX异步通信与后端交互,并在用户中心通过后端返回的JSON格式数据进行处理。做出改变。如果用户中心涉及到用户转发文章的统计功能,前端还需要使用微信JS-SDK进行开发,并且要处理URL地址的哈希值,以及本地存储和用户认证登录的逻辑关系必须处理跳转。

后端开发人员主要通过PHP或.net构建数据库

JAVA等语言创建对数据库进行操作的页面,并预留一个POST接口,用于接收前端发送的post信息。使用post信息对数据库进行相应的操作。操作完成后,返回一串操作结果,并发回前端。如果需要集成微信登录,用户需要进行微信登录认证。认证过程相对复杂。基本原理是,用户授权登录后,公众号的页面获取唯一的Eddie以及用户给公众号的用户昵称和头像信息,然后将这些信息转换放入自己的用户数据库中,并且用户每次登录时都要与数据库中的人员进行判断,这样就不会每次都提示用户授权公众号登录。

一个会员中心功能虽然看起来功能不多,但规模不大,设施齐全。包括用户群微信登录、微信JS-SDK开发、H5页面制作开发、后端开发等开发流程。

在开发过程中,前端会使用微信的网页开发工具进行页面测试。这里将测试各种iPhone版本和Android版本。测试无误后,将正式部署到服务器上。部署到服务器将需要进一步测试。进行一轮测试,确保交付给用户的功能尽可能少的bug。

微信公众号中所有需要用户授权登录的页面基本都是按照这个流程制作的。当我们使用这些功能时,系统还可以给我们的工程师点赞,感谢他们的努力。