微信公众号h5开发总结

Posted 2023-04-16

参考技术A

下面是一个公众号h5页面流程，说一下流程的功能，用户看到一个营销活动，选人报名支付参加该活动。

下面从8个点说明要注意的事情

h5页面运行在浏览器里(运行在微信里的情况也是微信里内嵌了一个浏览器)，浏览器默认提供了返回按钮，用户在操作返回按钮时，就有可能出现一些影响体验的事情，需要在开发是进行规避，如下图

总结
1. 按需登录的页面流程里，一定要做到返回时不再进入登录页面 。
2. 流程完结后就不能再返回到过程页面 。
3. 不是所有的情况都不能再返回上一步，因为用户有反悔的需要 。所以又要容许用户返回上一步进行反悔。例如用户进入订单页面后，肯定有可能需要返回重新选择报名人员。所以开发产品时要注意分别对待，不能一律不能返回了。

h5产品有一个特征，登录流程容易被打乱 。
用户可能从任何一个页面的链接点击进入h5程序。只要链接不是第一个页面的链接，就会打乱我们原来的登录流程。如果用户是从订单页面链接进入h5程序，用户就跳过了原来的登录页面。意味着用户就没有登录然后进入了该页面。

出现这个现象主要应该分享给别人造成的，难以预估用户从哪个页面分享出去

如图三种可能性。按正常逻辑是一定要登录才能进入该页面的。

面对这个情况，有两个处理办法

第1种方法，用户会损失一点便利性
但是会带来开发上的逻辑清晰感，避免逻辑错误带给用户的差体验。因为用户从哪个页面进入难以预测，登录后应该跳转哪个页面不好判断。例如如果用户直接从登录页面进来的，从支付完成页面进来的等等。这样可以把事情变得简单。

第2种方法的好处也有，就是可以接着剩余的流程干活
流程很长，要填写的东西很多时，用户会特别想可以根据剩下的流程来做事情。用户会收藏未完成的步骤，准备好资料好进行剩下的步骤。特别是政府的报名系统。根据合适的情况来处理吧。

有些页面是不需要处于登录状态也可以进入查看的
例如活动页面(首页)，登录页面，错误报告页面(如断网，服务器错误，访问的链接页面不存在)
这里要做好判断

问题就是这种屏幕的底部有34左右像素不能被用户点击了，如果这个区域有需要点击的按钮，就可能失去功能。
如图

解决办法可以参考下面这个链接
https://blog.csdn.net/dx18520548758/article/details/80010358

5.ui适配问题
简单就是根据屏幕宽度，对一切进行等比例放大缩小。

采用微信公众号的支付方式时，支付完成后不能顺利返回h5页面。

原因就是 微信今年6月份出了一个点金计划，必须开通对接它才能顺利返回H5页面

点金计划是干什么，先看图

微信想收割支付的流量，在支付完成页面展示广告，幸好不是特别流氓，让你有选择不展示广告

特别说明
微信支付有四种商户，普通商户，服务商，渠道商，特约商户(服务商下的子商户)。
只有服务商能够开通点金计划，且是必须开通。所以 如果是服务商使用微信公众号支付 就必须开通点金计划。如果是普通商户使用微信公众号支付，就没有这个限制 。
具体看链接
( https://pay.weixin.qq.com/wiki/doc/apiv3/wxpay/goldplan/chapter1_1.shtml )

开发中的注意事项
1.微信用iframe托管了我们的支付完成页面，
2.对读写缓存，发送http请求，弹框等做了限制，还做了哪些限制没有说，要自己去探索。
3.他会在链接中传递回来 out_trade_no 商户订单号，根据这个字段，方便我们去跳转详情。

具体开发对接参考链接
https://blog.csdn.net/CrazBarry/article/details/108790227

微信公众号开发--入门

背景

近期遇到几个项目需要使用微信公众号进行信息的推送和查看，针对项目的需求，对微信公众号的开发进行了一段时间的研究，并实现了扫码获取微信信息，绑定微信账号、微信消息推送等功能，准备通过几篇文章将实现的功能做个介绍。目前，项目所需的功能已经全部完成，在本次的微信公众号开发过程中发现以下几点，写在文章开始之初，也算一个总结。

1. 对于有与微信公众号进行接口开发的需求，一般情况下需要非个人主体申请并进行微信认证（每年300元费用），否则接口限制较多。
2. 微信有个开发平台和公众平台，公众号有4类，不同平台不同公众号申请需要不同的邮箱（前期没仔细查看文档，各种类型都有注册，浪费了所有的常用邮箱）。
3. 对于有信息定向推送需求的一般需选择服务号而非订阅号（在后续文章中会介绍）。
4. 注册和开发限制较多，要有规划。
5. 一般情况下，需要开发一个后台系统对微信公众号进行支撑。
6. 公众号的管理员微信需要通过实名认证，在绑定工商银行的储蓄卡时一直提醒手机号不正确，打了银行客服电话问，才知道工商银行绑定微信、支付宝一类的需要去柜台验证，坑死！

1. 公众号基础类型介绍

目前微信公众号提供了4中不同的公众号类型，分别是：订阅号、服务号、企业微信、小程序。其中订阅号、服务号、小程序均对个人开发，只不过功能和使用范围存在限制，用户可以根据自身的需要选择不同的账号类型。

1. 公众号类型功能介绍

2. 服务号、订阅号功能区别

3. 小程序介绍

主要优势：
1、用户可便捷地获取服务，无需安装或下载即可使用；
2、具有更丰富的功能和出色的使用体验；
3、封装一系列接口能力，帮助快速开发和迭代。
与H5开发的手机APP类似，只不过壳子是微信，另外微信定义封装了自己的一套开发语言和规范。

4. 企业微信介绍

2. 用户注册及认证

1. 注册限制

目前微信公众号的注册存在以下限制：
1、同一个邮箱只能申请1个公众号；
2、同一个手机号码可注册和认证5个公众号；
3、同一身份证注册个人类型公众号数量上限为2个；
4、同一公司、个体工商户、事业单位、其他组织资料注册公众号数量上限为5个；
5、同一政府、媒体类型可注册和认证50个公众号。

2. 用户注册

1. 用户可登录微信公众平台按照步骤进行公众号的注册。
2. 选择注册类型。
3. 订阅号和服务号的注册步骤一致，本文主要讲订阅号和服务号的注册。注册时一般需要进行以下4步：1 基本信息 2 选择类型 3 信息登记 4 公众号信息 。用户可以按照引导步骤一步一步进行操作。
4. 订阅号和服务号的主体类型有：政府、媒体、企业、其他组织、个人5类，具体可参见公众平台注册如何选择帐号主体类型？。不同的主体类型登记的信息不同。
   不同主体类型公众平台注册步骤：
   （个人）注册公众平台步骤
   （企业）注册公众平台步骤
   （政府）注册公众平台步骤
   （媒体）注册公众平台步骤
   （其他组织）注册公众平台步骤
   （个体户）注册公众平台步骤