002-JS-SDK开发使用,网页获取授权,扫一扫调用

一、概述

在申请响应的公众号之后，实名认证或者企业认证之后，可以进行对应开发

二、开发步骤

2.1、开发前提【服务号】-域名设置

　　登录后台之后→左侧设置→公众号设置→功能设置，设置好“JS接口安全域名"，"网页授权域名"对应域名

　　

2.2、开发前提【服务号】-开发者ID设置

　　登录后台之后→左侧开发→基本配置→公众号开发信息，设置好“开发者密码(AppSecret)”

2.3、查看接口信息

　　登录后台之后→左侧开发→接口权限→查看已开通的接口授权

三、调用示例

JS-SDK

　　接口列表：https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115 附录2

　　详情页：https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1445241432

3.1、示例一、微信网页授权【地址】

　　1 第一步：用户同意授权，获取code

　　2 第二步：通过code换取网页授权access_token

　　3 第三步：刷新access_token（如果需要）

　　4 第四步：拉取用户信息(需scope为 snsapi_userinfo)

　　5 附：检验授权凭证（access_token）是否有效

　　1》整体流图

　　　　

　　2》详细参看地值

　　　　微信网页授权【地址】

3.2、示例二、微信JS-SDK说明文档【地址 或者地址2】

　　JSSDK使用步骤【原文地址：https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115】
　　　　步骤一：绑定域名
　　　　　　先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
　　　　　　备注：登录后可在“开发者中心”查看对应的接口权限。　　

　　　　步骤二：引入JS文件
　　　　　　在需要调用JS接口的页面引入如下JS文件，（支持https）：http://res.wx.qq.com/open/js/jweixin-1.2.0.js
　　　　　　备注：支持使用 AMD/CMD 标准模块加载方法加载

　　　　步骤三：通过config接口注入权限验证配置
　　　　　　所有需要使用JS-SDK的页面必须先注入配置信息，否则将无法调用（同一个url仅需调用一次，对于变化url的SPA的web app可在每次url变化时进行调用,目前Android微信客户端不支持pushState的H5新特性，所以使用pushState来实现web app的页面会导致签名失败，此问题会在Android6.2中修复）。　　　　　　

wx.config({
    debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
    appId: '', // 必填，公众号的唯一标识
    timestamp: , // 必填，生成签名的时间戳
    nonceStr: '', // 必填，生成签名的随机串
    signature: '',// 必填，签名
    jsApiList: [] // 必填，需要使用的JS接口列表
});

View Code