199.Vue.js智能扫码点餐系统（三十三）【JSSDK配置流程、结合后端nodejs实现扫一扫功能、获取网络状态、拍照 (微信支付)】2019.04.01

0、知识点

• JSSDK配置流程

1、Jssdk官网
https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115

2、配置微信JSSDK支付之前的准备工作很重要

• 公众号里面的配置

    1、配置JS安全域名:  公众号设置->功能设置->JS接口安全域名         b.itying.com
  
  
    2、支付需要配置支付域名：公众号设置->功能设置->网页授权域名           * 支付的时候配置的
  
  
    3、配置IP白名单：基本配置->IP白名单  
  

• 商户平台里面配置支付目录：

    商户平台>产品中心>开发配置->配置公众号支付授权目录                    
    * 支付的时候配置的
  

3、jssdk获取签名的流程

1、获取access_token
		
			文档：https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140183


			通过下面地址获取

			https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET

	
			https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=wx7bf3787c783116e4&secret=cca407db4d8459c907d2c59274ca6d17

{"access_token":"10__sxf1kkKOcmLVcU3kNdQg3fsBeZ1522zvacAZ1dcqRc6Cot-Y-V1Pdn3keTXmV-SwDOZ5nSa3Tcpvk0nXbVZUT8l15T0aJBX_C2WesrsZapaBK9tQ0_cnrBmExIVZZiADAEII","expires_in":7200}



2、根据access_token获取ticket
		

			https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi


		
https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=10__sxf1kkKOcmLVcU3kNdQg3fsBeZ1522zvacAZ1dcqRc6Cot-Y-V1Pdn3keTXmV-SwDOZ5nSa3Tcpvk0nXbVZUT8l15T0aJBX_C2WesrsZapaBK9tQ0_cnrBmExIVZZiADAEII&type=jsapi



		{"errcode":0,"errmsg":"ok","ticket":"HoagFKDcsGMVCIY2vOjf9g2_I8_P118MfAFHMc-AncAVkaHekeNmVlA2LK4JEznnejfTxR2EnyrGCeFwFEmHpQ","expires_in":7200}




3、根据ticket获取签名

			 http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign


	
4、获取到了签名。

			signature ： 4023a32fbd0b281b85087a933c82fa029a1bd7b1

		
	

5、使用官方JS-SDK的流程：



	1.必须配置js接口的安全域名  找到公众号里面的设置->公众号设置->JS接口安全域名->功能设置->JS接口安全域名


	2、点开下面地址配置安全域名：
		https://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo?action=showinfo&t=sandbox/index

	
	3、获取测试的appid  appsecret
		
		开发者工具->公众平台测试账户

	  获取正式的appid  appsecret
		基本配置->公众号开发信息

	 



	4、下载官方的JS-SDK 实例包


		下载地址： 最下面https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115

		配置appid  appsecret


	5、jsApiList: []   加入权限


	6、wx.ready(function () {})里面 使用对应的实例







    mch_id: '1502539541',
    wxappid: "wx7bf3787c783116e4",
    wxappsecret:'cca407db4d8459c907d2c59274ca6d17',
    wxpaykey: 'zhongyuantengitying6666666666666'