等了好久，终于等到今天，开始讲 页开发啦~~~

小编不太了解微博、人人、开心 时代是否有 页开发这回事儿，但就微信来讲，神奇的很，神奇的微信带动了神奇的H5产业链。

微信首先是一个即时通讯工具，积累了n多用户量，这么多用户除了在聊天这个主场景消耗时间外，还可以进行一些内容消费、生活服务消费。

微信的主场景广义来看，也可以是人与人之间的交流，除了聊天这种交流方式之外，还有红包、转账，朋友圈的share。

下面就具体来说说微信里的 页开发。

文档里的 页开发，主要有两方面内容， 页授权与JS—SDK。

页授权

页授权是为了通过H5页面获取用户的信息，有两种方式，一种是静默授权，一种是手动授权。

手动授权，会出现绿色的页面，用户手动去选择是否授权。手动授权比较常见，微信第三方登录、微信扫码支付都是手动授权。由于这个时候返回给开发者的用户信息较多，比如unionid、头像、昵称、地区等，因此才需要用户主动去选择是否同意授权。手动授权的转化相对静默授权来讲，会低一些，因此要权衡一下，在设计中使用静默授权只获取openid、还是使用手动授权获取更多的用户信息。

JS—SDK

JS—SDK主要是分享、支付、图像等方面，应用场景比较多的就是分享。

配置完域名后再进行一系列验证，就可以开发了，在验证过程中注意一下js_ticket，微信官方没公布调用次数，但实际上每天只能调用1000次。如果ticket不好用，会导致分享没有配置，没有分享回调这些。

基础接口是判断当前版本，是否支持js接口。

分享接口有两方面，一是分享到各个渠道的配置问题，二是分享回调。

分享渠道定义了五种，朋友、朋友圈、QQ、QQ空间、腾讯微博。分享的内容主要是图片、链接、分享标题、分享描述，分别对应imgUrl、link、title、desc。其中朋友圈没有分享描述，不同机型显示的字数也不一样，因此需要注意一下文案内容，能更好的展示给用户，让用户有意愿去点开。

分享回调，是指用户分享成功或失败，这里的成功或失败是指用户点了分享选项开始。可以在用户取消分享的时候，给一些提示。也可以在用户分享成功后，给用户相应的奖励，比如分享一次给一次抽奖机会这种，不过现在微信对这种活动形式看的比较严。

通过图像接口，H5页面可以调起用户的相册和相机，预览、上传照片。这里应用比较多的是那种投票类活动，活力宝宝比赛啦，宝妈们在H5页面中直接填写信息并上传。

通过音频接口，可以进行录音、播放，上传录音。微信朋友圈没有语音这种格式，在音频接口刚推出来的时候，有那么几个活动，打着能在朋友圈里发语音的名头，还着实火了一下下。

设备信息只有 络情况，wifi or 2g、3g、4g，视频应用的比较多，可以根据 络情况给用户相应的提示。

地理位置是指通过H5页面获取用户的地理位置，地域性较强的活动比较适合。

摇周边是指，通过在页面中摇一摇，寻找周边的ibeacon。ibeacon会给用户返回相应的活动信息。

小编曾申请经费买过一个ibeacon，试的时候还觉得挺好玩儿的。但不太实用，ibeacon有范围要求，而且得放在固定的位置，还得需要电池，如果人多还可能出现卡主的情况。小编觉得，这是一个比较典型，理想很丰满，现实很骨感的功能。

界面操作还是比较有用滴~小编用的比较多的，是隐藏一些功能按钮，比如分享到朋友圈，在safri中打开。

界面操作还包括关闭当前 页、批量隐藏/显示功能按钮，所谓的功能按钮、非基础按钮就是点右上角的三个点出来的那些。

在页面中可调起微信的扫一扫功能，这里面可应用到一些多屏互动活动中。

微信卡券是指在页面中可领取卡券，卡券中也需要使用js_ticket，和其他使用的ticket不是一个，但共用调用次数，小编就曾经在这上面栽过跟头，由于卡券的服务器突然变成了只读不写，就不停的调用ticket，结果……导致分享这些使用ticket的也不好用了。

微信卡券更适合线下门店或没有代金券开发能力的开发者来使用，微信想借卡包来搞火卡券，但效果一般。

在页面中可发起微信支付，这个比较常见，微信里的京东、折800用的都是这个功能。

其他

微信里的H5页面开发，可以结合微信的一些样式来进行。

比如页面title，微信上面自带了titlebar，那么页面设计上就要避免太相近的重复。

再比如ios的title部分是黑色，Android的是灰色。如果设计下载浮层，那么就要兼顾ios、Android两个颜色。

i再比如os的右上角三个点是横着的，Android的是竖着的，ios点开三个点由下面弹出选项，Android的在右上角弹出，这些细节都可以作为设计的参考元素。

web开发者工具是微信开平团队后来提供的，需要在微信后台绑定微信 。