200.Vue.js智能扫码点餐系统（三十四）【 JSSDK 获取code 、获取 openid 、调用统一下单接口实现支付(微信支付)】2019.04.01-CSDN博客

本文链接：https://blog.csdn.net/youyouwuxin1234/article/details/88956616

0、知识点

JSSDK 获取code
获取 openid
调用统一下单接口实现支付

1、微信支付流程

文档开发： https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_4
业务流程时序图


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白名单  

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



		http://b.itying.com/index.html                 http://b.itying.com/


		http://b.itying.com/pay/index.html                 http://b.itying.com/pay/
			



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 () {})里面 使用对应的实例





		6、JSSDK微信支付：

	
	准备工作：配置微信JSSDK支付之前的准备工作***重要（文档最上面）
	
	
	微信支付的三大步骤:

    	  	1、获取用户openID: 

			 1、在关注者与公众号产生消息交互后,公众号可获得关注者的OpenID,对于不同公众号,同一用户的openid不同id

     			 2、: 用户同意授权，获取code   https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx4518345b2ab754e1&redirect_uri=http://www.jxy-edu.com/result.jsp&response_type=code&scope=snsapi_userinfo#wechat_redirect


   
      		2、通过获取的code,返回当前关注者在当前服务号唯一的openId  https://api.weixin.qq.com/sns/oauth2/access_token?appid=wx4518345b2ab754e1&secret=4aaf7d8e73e06714212c48cc35dd1fd8&code=0215wGRM0gyO872TmNRM0F8IRM05wGRk&grant_type=authorization_code

	

     		 3、获取prepay_id 和 paySign

	
	微信支付文档：
		

		微信支付文档：


			https://pay.weixin.qq.com/wiki/doc/api/jsapi.php?chapter=7_1
	

		
		获取code和openid文档：


			https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140842
	

		


		示例链接：

			
			
		https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx7bf3787c783116e4&redirect_uri=http://b.itying.com&response_type=code&scope=snsapi_userinfo#wechat_redirect


		或者


		https://open.weixin.qq.com/connect/oauth2/authorize?appid=wx7bf3787c783116e4&redirect_uri=http://b.itying.com?cid=123&name=zhangsan&response_type=code&scope=snsapi_base#wechat_redirect
				

			


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