在微信中打开h5开发者模式，首先要确保已经登录微信账号，然后在微信的设置页面中，找到“开发者工具”，点击进入，进入后即可看到h5开发者模式，点击进入，即可进入h5开发者模式，可以在这里进行h5页面的开发、测试和调试，从而实现微信页面的开发。
微信互动h5其实是一种比较受欢迎的宣传推广载体，其创意形式包括答题测试、合成海报、一镜到底、小游戏等等。和海报、视频不同的是，你在看h5的时候，可以通过点击以及上下左右的滑屏等操作来与作品进行互动。如果你对互动h5没什么概念的话，可以去意派Epub360在线h5制作工具平台找几个互动h5的案例来看看，多看几个就有数了。
互动h5的做法有两种，一种是通过代码定制，另一种是通过h5制作工具制作。其中h5制作工具又分为普通工具和专业工具两种，普通工具上手容易，但制作出的作品在交互性和创意性方面都有点弱。而专业工具上手稍微有难度，但制作出的作品比较优质，在传播效果上更有优势。
上面提到的意派Epub360就是一款专业h5制作工具，它支持一镜到底、画中画、全景VR、合成海报、人脸识别等丰富的趣味性交互组件，无论是邀请函、品牌推广、产品宣传，还是活动营销、数据报告、微杂志、微官网，都可自由创作。该平台还拥有丰富的案例、模板和教程，方便制作者找灵感以及学习制作方法。
H5支付需要到商户号平台申请。
1、登录商户平台，产品中心>支付产品>H5支付，提交资料后申请审核通过大概需要2-3天左右。
2、产品中心>开发配置中，设置H5支付域名，必须是手机站的独立域名。
3、审核通过后获取：公众号APPID、微信支付商户号、API、公钥和私钥，将这些信息添加到小程序后台中。
4、测试H5支付。
H5微信登录，开发过程中需要本地联调，本地环境不支持会导致跨域问题，所以我们需要修改ip映射及端口映射来实现本地联调开发微信登录。
1、ip映射域名，通过修改host文件，自己起一个域名映射到127001上
2、本地开发端口映射
在Mac上，1024以下的端口，我们都无法使用，所以需要通过端口映射的方式，将80端口映射到你需要调试的项目的端口上。
(1) 修改/etc/pfconf
pfconf是对顺序强要求的， 所以注意添加的内容放的顺序
(2) lo0 通过ifconfig 看自己那个设备绑定的是127001, lo0是这个网络设备的名字。 修改好pfconf之后执行一下命令，让端口转发生效
重启一下你的项目，用微信开发者工具打开你刚刚映射的 http://testtestcom 域名即可，Ok enjoy it。
1、承载平台不同
H5就是手机网页，可以在网页上承载，也可以嵌入到微信中，通过链接跳转打开。而小程序依托于微信，和微信账号一一绑定，可以一键微信用户绑定的手机号码，但是却无法依托于微信独立存在。
2、难以触达用户
h5商城是去做跳转的，如果在页面上承载的话，使用体验还是非常不错的。但是如果是在微信中配置h5商城的话，要用公众号菜单栏或二维码作为入口来触达用户。小程序也是如此，但是小程序可以跟公众号绑定起来，将公众号的数据作为基础的数据分析，实时了解用户的喜好。
3、访问入口
还要访问入口上的区别，h5的入口有很多，可以防止在页面上也可以放置在小程序商城，小程序商城的入口基本上都是从微信进入的，微信给出的入口就是用户的访问入口。h5店铺每进需要加载n秒。
4、用户留存
在用户留存这一块，小程序商城的用户留存比h5商城要好很多，将整个微信界面下拉之后，就会出现我们曾经使用过的小程序商城。而h5商城法进客户留存，客户还需要保存链接才能再进店铺
与其说微信小程序的对手是H5，倒不如说他的对手是APP。
Html的标准是一直向前发展的，将来还会有H6、H7更强大的存在为H5续命，更重要的是，H5是开放的编程语言，而小程序是以微信为中心（审核）的开放语言，这注定了即便是微信将来能达到苹果和微软的体量，也不可能扼杀掉H5。除非哪一天，自由变得无所谓了。
微信常常会因为政策收紧和不确定因素，直接影响到小程序的审核。比如刚刚过去的春节时，微信就发布通知，在一定期限内暂停小程序的审核。
H5是跨平台（安卓、IOS）、跨浏览器的存在，小程序虽然也跨平台，但是在浏览器的支持上还显得捉襟见肘（无法调用浏览器中常用的window对象和document对象），无法很好适配浏览器。小程序背靠微信，拥有比H5更高的系统权限，可是反过来说，小程序假如不背靠微信，开发和体验也未必能成为优势。
要说优势，H5在微信外的应用，尤其是网页端视频播放，也是小程序难以望其项背的。
H5和微信小程序都有各自的颠覆意义，不存在谁输谁赢，对于我们来说，物尽其用才是最好的策略。小程序意味更多的商机，这对于个人、企业是一个好消息，在微信这块领地上，能用小程序解决的事情，尽量别用H5技术。
