微信公众号h5制作(h5商城和小程序商城)

方法：

1.先在微信图文里面做好一个文章，在下面有一个阅读原文，只要将制作的h5页面，链接放到阅读原文那里，只要别人点击阅读原文，就可以看到H5页面了。

2.群发功能，进入到微信公众平台，进入到群发功能的菜单，输入链接的地址，然后群发就可以了。这样关注的人就会收到一条推送，点开就是H5页面。

一、运行环境的不同

H5的运行环境是浏览器，包括webview，而微信小程序的运行环境并非完整的浏览器，因为小程序的开发过程中只用到一部分H5技术。

小程序的运行环境是微信开发团队基于浏览器内核完全重构的一个内置解析器，针对性做了优化，配合自己定义的开发语言标准，提升了小程序的性能。

二、开发成本的不同

开发一个微信小程序，由于微信团队提供了开发者工具，并且规范了开发标准，则简单得多。前端常见的HTML、CSS变成了微信自定义的WXML、WXSS，WXML，官方文档中都有明确的使用介绍，开发者按照说明专注写程序就可以了。

需要调用后端接口时，调用发起请求API；需要上传下载时，调用上传下载API；需要数据缓存时，调用本地存储API；引入地图、使用罗盘、调用支付、调用扫码等等功能都可以直接使用；UI库方面，框架带有自家weui库加成。

并且在使用这些API时，不用考虑浏览器兼容性，不用担心出现BUG，显而易见微信小程序的开发成本相对低很多

三、获取系统级权限的不同

微信小程序相对于H5能获得更多的系统权限，比如网络通信状态、数据缓存能力等，这些系统级权限都可以和微信小程序无缝衔接。

而这一点恰巧是H5 被诟病的地方，这也是H5的大多应用场景被定位在业务逻辑简单、功能单一的原因。

四、页面体验不同

H5网页需要在浏览器中渲染，会给人明显的「卡顿」感觉，面对复杂的业务逻辑或者丰富的页面交互时尤为明显。

而微信小程序，它的代码直接在微信上运行，省去了通过浏览器渲染的步骤，因此，在微信中使用小程序，才会比H5流畅很多。

除了首次打开需要几秒的加载时间外，小程序各个页面的切换、跳转等体验已经媲美原生App，有着同样的柔丝般顺滑的效果。

1、提前制作好H5场景；

2、打开微信公众平台并登录；

3、点击素材管理，新建图文消息，编辑正文内容；

4、编辑好后点击页面底部“添加原文链接”；

5、将制作好的H5场景链接地址粘贴入框内；

6、保存后发布即可。

把h5页面放在微信公众号里其实很简单。

先在微信图文区域编写好自己的活动推荐图文

二维码，一般H5页面都有属于自己的一个唯一的二维码，你将二维码放到文章里面，群发出去。

编写好后，可以看到图文在下面有一个原文链接选项，你需要勾选，然后把你的制作的h5页面的链接放到方框里

然后再挑选你的样式尺寸

再完善下你的图文其他信息就好啦

总结下：进入微信公众平台=》管理=》素材管理=》图文消息=》单、多图文消息=》点击“超链接”图标=》输入文本内容、链接地址，及标题即可。