首先，需前后端配合开发，这是必须的。因为『微信sdk的授权必须要通过服务端请求』，前端请求存在跨域问题，会失败。
微信公众号网页（H5）开发，首先要获取到微信的sdk授权，它提供了丰富的api，可供我们在微信内嵌网页里（H5页面里）调用手机端的各项功能，如摄像头、拨打电话、定位等。
前端获取授权信息：
第一步：引入微信sdk的js文件,直接在xxx.html引入即可
https://res2./open/js/jweixin-1.4.0.js
第二步：进行微信sdk的配置，改配置是为了生成wx对象，也就是所有api的爹
wx.config({debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来appId: '', // 必填，公众号的唯一标识timestamp: , // 必填，生成签名的时间戳nonceStr: '', // 必填，生成签名的随机串signature: '',// 必填，签名jsApiList: [] // 必填，需要使用的JS接口列表});参数应该是后台服务接口返回给前台，这也就是为什么要后台小伙伴的配合，详情看下面后台步骤，如果已经获取到，请跳过后台步骤。
后台发起请求获取授权：
第一步：服务器配置
服务器地址(URL) : 就是前端要请求的url地址，有『特定端口要求』，请细看
令牌(Token) : 这个随便填，但是后台请求权限时也要用这个
消息加解密密钥(EncodingAESKey) ： 随机生成就好
消息加解密方式 ：请根据需要选择
第二步：发送权限获取请求
1，根据appid和appsecret获取access_token
https://api./cgi-bin/token?grant_type=client_credential&appid=开发者ID(AppID)&secret=开发者密码(AppSecret)三个参数：第一个参数固定，第二个参数和第三个参数在微信公众平台的基本配置里均可获取
返回：
{"access_token":"这里是token","expires_in":7200}2，根据access_token获取jsapi_ticke
https://api./cgi-bin/ticket/getticket?access_token=上面步骤获取到的token&type=jsapi3，获取时间戳timestamp(服务器本地获取就行)、nonceStr随机字符串(Math.random().toString(36).substr(2))
4，根据jsapi_ticke、nonceStr、timestamp以及url(前端页面发起请求的url，与上面的服务器url相比，这个url是“攻”，服务器url是“受”)这四个参 数生成签名（按照字段名的ASCII 码从小到大排序，校验工具）
5，将
{noncestr:nonceStr,timestamp:timestamp,signature:生成的签名}返回给前端
前端获取到参数，配置成功得到wx对象，可以尽情调用api了
