秀米做好的H5界面怎样放在微信平台上

新手学堂06

秀米做好的H5界面怎样放在微信平台上,第1张

做好的H5界面放在微信平台上操作方法如下:

第一种

登录秀米官网,编辑窗口右上角,点击“发布”;

第二种

个人场景首页,选中H5场景,点击“发布”;

1、在个人场景首页,选中H5场景;

2、鼠标移动到“扫描二维码”,用手机微信扫描二维码,马上分享到微信;

3、分享到朋友圈,如图所示操作。

知识延展:

html5是指万维网的核心语言、 标准通用标记语言下的一个应用 超文本标记语言( HTML)的第五次重大修改2014年10月29日, 万维网联盟宣布,经过接近8年的艰苦努力,该标准规范终于制定完成。

HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点,如video、audio和canvas 标记。HTML5还引进了新的功能,可以真正改变用户与文档的交互方式,包括新的解析规则增强了灵活性、新属性、淘汰过时的或冗余的属性等。

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

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

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

总结

1 按需登录的页面流程里,一定要做到返回时不再进入登录页面

2 流程完结后就不能再返回到过程页面

3 不是所有的情况都不能再返回上一步,因为用户有反悔的需要 。所以又要容许用户返回上一步进行反悔。例如用户进入订单页面后,肯定有可能需要返回重新选择报名人员。所以开发产品时要注意分别对待,不能一律不能返回了。

h5产品有一个特征,登录流程容易被打乱

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

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

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

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

第1种方法,用户会损失一点便利性

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

第2种方法的好处也有,就是可以接着剩余的流程干活

流程很长,要填写的东西很多时,用户会特别想可以根据剩下的流程来做事情。用户会收藏未完成的步骤,准备好资料好进行剩下的步骤。特别是政府的报名系统。根据合适的情况来处理吧。

有些页面是不需要处于登录状态也可以进入查看的

例如活动页面(首页),登录页面,错误报告页面(如断网,服务器错误,访问的链接页面不存在)

这里要做好判断

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

如图

解决办法可以参考下面这个链接

https://blogcsdnnet/dx18520548758/article/details/80010358

5ui适配问题

简单就是根据屏幕宽度,对一切进行等比例放大缩小。

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

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

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

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

特别说明

微信支付有四种商户,普通商户,服务商,渠道商,特约商户(服务商下的子商户)。

只有服务商能够开通点金计划,且是必须开通。所以 如果是服务商使用微信公众号支付 就必须开通点金计划。如果是普通商户使用微信公众号支付,就没有这个限制

具体看链接

( https://payweixinqqcom/wiki/doc/apiv3/wxpay/goldplan/chapter1_1shtml )

开发中的注意事项

1微信用iframe托管了我们的支付完成页面,

2对读写缓存,发送http请求,弹框等做了限制,还做了哪些限制没有说,要自己去探索。

3他会在链接中传递回来 out_trade_no 商户订单号,根据这个字段,方便我们去跳转详情。

具体开发对接参考链接

https://blogcsdnnet/CrazBarry/article/details/108790227

点击公众号直接跳转目标链接的H5页面,是微信的商品信息功能(商品消息:是特殊类型的图文消息,用户打开后跳转到商户网站的商品详情页,不经过公众平台中间页  ),14年底已经取消了,之前开通这个功能的就可以实现,其他的就不能在公众号点击直接跳转H5场景应用了。

1、微信公众号想直接跳转h5页面,就得必须做一个H5的活动,通过开发一个活动的接口,然      后对接到微信公众号里面,就可以实现。

2、当然这一些都是需要靠程序开发才能够实现的。

3、现在做这种活动接口和活动制作,大部分的人都是直接使用活动盒子,有现成的活动接      口和快速生成活动,都是比较省时省力。

可以使用专业的H5制作工具制作,意派Epub360算是一个,有很多丰富的组件可以调用。使用逻辑跟PPT差不多,音乐、动画、视频、交互都可以轻松实现。在线制作,只需要把链接放在订阅号的原文链接里或者发给朋友、朋友圈即可。