昨天我琢磨着整一个微信公众号的H5页面，毕竟我平时爱在公众号上写写东西，想加点互动元素试试。我脑子一片空白，就打开微信公众平台账号登录进去看看。第一步得选个H5页面类型，我挑了个简单的抽奖页，主要是能让大家参与互动。
准备前期工作
- 我先在微信公众平台后台扒拉了一圈，找到“开发设置”那里，设置了个域名地址，因为我得确保页面能合法加载。搞完这个，我还下载了微信开发者工具，安装到我的笔记本上。
- 我打开记事本新建个文件夹，起了个名叫“myH5”。里头放上HTML、CSS和JS文件——HTML负责页面骨架，CSS打扮打扮样子，JS处理点逻辑。我先写了个基础的HTML框架，就简单敲了几行代码，定义了点标题和按钮。
- 测试一下基本样貌，打开微信开发者工具导入文件夹，运行预览。结果页面显示乱糟糟的，CSS没加载我查了查错误日志，估计是路径写错了，赶紧改了一通CSS路径，再刷新工具看，页面总算好看点了。
开发核心功能
功能这块儿，我想加个抽奖按钮。先写JS部分，定义个函数叫“startLuckyDraw”，里头放点随机数生成的玩意儿。测试时按钮点不动，我用开发者工具调试模式瞅了半天，发现JS函数名拼错了，一个字母打岔了。纠正后，按钮活了点，能出随机结果。
- 然后，为了能微信分享，我折腾公众号接口调用。在JS代码里加了微信的分享配置函数，从后台复制了点参数贴上去。运行工具模拟分享，却分享失败，显示“权限不足”。我猜是域名设置没对又回公众平台查查配置，发现忘了绑定授权页面。绑上后，再试就好使了。
- 加上点CSS美化，调整按钮颜色和文字大小。用工具预览多遍，手机上扫码看看实样，确保在不同屏幕上都看着顺眼。
搞定收尾
折腾半天，页面基本跑通了。我又拉个朋友帮忙测测分享功能，大伙儿点开链接能抽奖互动。没问题后，我把文件打包上传到公众号后台指定位置。点完发布按钮，小激动一把。实际用起来反馈还不错，虽然中途犯错不少，但学了一堆经验。
