微信公众号H5开发笔记
<p>来源：https://blog.csdn.net/chou342175867/article/details/62429354</p><p>利用H5开发微信公众号</p>
<p>一、 首先授权配置</p>
<ol class="hljs-ln">
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">公众号设置 <span class="hljs-comment">--》功能设置</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">设置业务域名!</div>
</div>
</li>
</ol>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<p><img src="https://img-blog.csdn.net/20170316151307134?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvY2hvdTM0MjE3NTg2Nw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="自定义菜单" class="has"> <br>这里的MP_verify_w7tdZrafqhkK9Mcj.txt文件，需要放到你项目的根目录下，例子：你的项目war包叫 test.war ，里面包含了src,WEB-INFO两个文件夹,则把MP_verify_w7tdZrafqhkK9Mcj.txt放到这两个文件夹的同级目录下;即现在test.war下有两个文件夹一个txt文件:src,WEB-INFO,MP_verify_w7tdZrafqhkK9Mcj.txt. <br>后面就需要配置JS接口安全域名和网页授权域名了,最好和业务域名配置为一样就好了。 <br>二、开发中的配置 <br>在开发目录下的基本配置中进行配置。 <br>基本配置–》开发者ID–》AppID(应用ID)，AppSecret(应用密钥); <br>基本配置–》微信开放平台账号绑定 <br>这里需要绑定微信开放平台,若不绑定,在获取用户信息的时候就只能获取到用户的openId,不能获取到unionId. <br><img src="https://img-blog.csdn.net/20170316152709921?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvY2hvdTM0MjE3NTg2Nw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="自定义菜单" class="has"><br>注意：定义菜单的时候有讲究了， <br>如果你想在用户点这个菜单的时候就拿到用户的微信基本信息(性别,昵称,openId,unionId),这里直接可以配置成为授权链接,授权链接回调url直接写成你后台的一个接口地址,然后由这个接口来跳转到其它页面. <br>例子：H5授权的链接： <br>http://open.weixin.qq.com/connect/oauth2/authorize?appid=xxxxxxxxx&redirect_uri=http://xxxx.com/test/login&response_type=code&scope=snsapi_userinfo&state=xxx&connect_redirect=1#wechat_redirect <br>微信回调的url是一个接口地址：http://xxxx.com/test/login,不能回调网页,因为存在跨域错误。 <br>state的值是可以自定义的。 <br>这里的scope是用的snsapi_userinfo，这样可以直接在后台拿到用户信息。 <br>微信回调这个接口的时候会把code和state的值返回,接口就可以通过code去拿用户的信息了。 <br>若要用code去拿用户的信息，又会去做一堆事情，这些事情确实麻烦；推荐直接使用第三方的jar包，一步就拿到了。 <br>推荐的jar包:weixin-java-mp-2.5.0.jar，weixin-java-common-2.5.0.jar; <br>maven地址</p>
<ol class="hljs-ln">
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">dependency></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">groupId>com.github.binarywang<span class="hljs-tag"></<span class="hljs-name">groupId></span></span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">artifactId>weixin-java-mp<span class="hljs-tag"></<span class="hljs-name">artifactId></span></span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">version>2.5.0<span class="hljs-tag"></<span class="hljs-name">version></span></span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-tag"></<span class="hljs-name">dependency></span></span></div>
</div>
</li>
</ol>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
<ol class="hljs-ln">
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> 在做微信支付的时候有可能会用到<span class="hljs-selector-tag">xstream的包，有需要也拿去</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-selector-tag">xstream-1<span class="hljs-selector-class">.4<span class="hljs-selector-class">.7<span class="hljs-selector-class">.jar,<span class="hljs-selector-tag">xxp3_min-1<span class="hljs-selector-class">.1<span class="hljs-selector-class">.4<span class="hljs-selector-class">.jar,<span class="hljs-selector-tag">xmlpull-1<span class="hljs-selector-class">.1<span class="hljs-selector-class">.3<span class="hljs-selector-class">.1<span class="hljs-selector-class">.jar</span></span></span></span></span></span></span></span></span></span></span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-selector-tag">maven地址 </span></div>
</div>
</li>
</ol>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<ol class="hljs-ln">
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">dependency></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">groupId>com.thoughtworks.xstream<span class="hljs-tag"></<span class="hljs-name">groupId></span></span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">artifactId>xstream<span class="hljs-tag"></<span class="hljs-name">artifactId></span></span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">version>1.4.7<span class="hljs-tag"></<span class="hljs-name">version></span></span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-tag"></<span class="hljs-name">dependency></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">dependency></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">groupId>xpp3<span class="hljs-tag"></<span class="hljs-name">groupId></span></span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">artifactId>xpp3<span class="hljs-tag"></<span class="hljs-name">artifactId></span></span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">version>1.1.4c<span class="hljs-tag"></<span class="hljs-name">version></span></span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-tag"></<span class="hljs-name">dependency></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">dependency></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">groupId>xmlpull<span class="hljs-tag"></<span class="hljs-name">groupId></span></span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">artifactId>xmlpull<span class="hljs-tag"></<span class="hljs-name">artifactId></span></span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-tag"><<span class="hljs-name">version>1.1.3.1<span class="hljs-tag"></<span class="hljs-name">version></span></span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-tag"></<span class="hljs-name">dependency></span></span></div>
</div>
</li>
</ol>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
<li>11</li>
<li>12</li>
<li>13</li>
<li>14</li>
<li>15</li>
</ul>
<p>这里说下weixin-java-mp-2.5.0.jar的使用方法, <br>1.weixin-java-mp-2.5.0.jar里面最重要的类是 <br>WxMpInMemoryConfigStorage和WxMpService； <br>WxMpInMemoryConfigStorage是用来存微信公众号的基本信息的， <br>在Spring+SpringMvc中的使用方法例子：</p>
<ol class="hljs-ln">
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"><span class="hljs-meta">@Configuration</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"><span class="hljs-meta">@PropertySource(</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"><span class="hljs-meta"> value={<span class="hljs-meta-string">"classpath:wxProperties.properties"},</span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"><span class="hljs-meta"> ignoreResourceNotFound = true)</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"><span class="hljs-comment">//@DependsOn("propertyPlaceholderConfigurer")</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"><span class="hljs-keyword">public <span class="hljs-class"><span class="hljs-keyword">class <span class="hljs-title">WeixinConfig {</span></span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-comment">//直接获取资源文件中的配置的值</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-meta">@Value(<span class="hljs-meta-string">"<span class="hljs-subst">${wxProperties.appid}")</span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-keyword">private String appid;<span class="hljs-comment">//appId</span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code"> </div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-meta">@Value(<span class="hljs-meta-string">"<span class="hljs-subst">${wxProperties.appsecret}")</span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-keyword">private String appsecret;<span class="hljs-comment">//Appsecret</span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code"> </div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-meta">@Value(<span class="hljs-meta-string">"<span class="hljs-subst">${wxProperties.token}")</span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-keyword">private String token;<span class="hljs-comment">//Token</span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code"> </div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-meta">@Value(<span class="hljs-meta-string">"<span class="hljs-subst">${wxProperties.aeskey}")</span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-keyword">private String aesKey;<span class="hljs-comment">//aeskey，有就填，没有就不填</span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code"> </div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-meta">@Value(<span class="hljs-meta-string">"<span class="hljs-subst">${wxProperties.partener_id}")</span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-keyword">private String partenerId;<span class="hljs-comment">//商户号</span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code"> </div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-meta">@Value(<span class="hljs-meta-string">"<span class="hljs-subst">${wxProperties.partener_key}")</span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-keyword">private String partenerKey;<span class="hljs-comment">//商户秘钥</span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code"> </div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-meta">@Value(<span class="hljs-meta-string">"<span class="hljs-subst">${wxProperties.notify_url}")</span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-keyword">private String notifyUrl;<span class="hljs-comment">//支付后台通知接口地址</span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code"> </div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-meta">@Bean</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-keyword">public static PropertySourcesPlaceholderConfigurer propertySourcesPlaceholderConfigurer() {</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> PropertySourcesPlaceholderConfigurer ppc = new PropertySourcesPlaceholderConfigurer();</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> ppc.setIgnoreUnresolvablePlaceholders(<span class="hljs-literal">true);</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-keyword">return ppc;</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> }</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code"> </div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-meta">@Bean</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-keyword">public WxMpConfigStorage wxMpConfigStorage() {</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> WxMpInMemoryConfigStorage configStorage = new WxMpInMemoryConfigStorage();</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> configStorage.setAppId(<span class="hljs-keyword">this.appid);</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> configStorage.setSecret(<span class="hljs-keyword">this.appsecret);</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> configStorage.setToken(<span class="hljs-keyword">this.token);</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> configStorage.setAesKey(<span class="hljs-keyword">this.aesKey);</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> configStorage.setPartnerId(<span class="hljs-keyword">this.partenerId);</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> configStorage.setPartnerKey(<span class="hljs-keyword">this.partenerKey);</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> configStorage.setNotifyURL(<span class="hljs-keyword">this.notifyUrl);</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-keyword">return configStorage;</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> }</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code"> </div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-meta">@Bean</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-keyword">public WxMpService wxMpService() {</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> WxMpService wxMpService = new WxMpServiceImpl();</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> wxMpService.setWxMpConfigStorage(wxMpConfigStorage());</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-keyword">return wxMpService;</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> }</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code"> </div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">}</div>
</div>
</li>
</ol>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
<li>11</li>
<li>12</li>
<li>13</li>
<li>14</li>
<li>15</li>
<li>16</li>
<li>17</li>
<li>18</li>
<li>19</li>
<li>20</li>
<li>21</li>
<li>22</li>
<li>23</li>
<li>24</li>
<li>25</li>
<li>26</li>
<li>27</li>
<li>28</li>
<li>29</li>
<li>30</li>
<li>31</li>
<li>32</li>
<li>33</li>
<li>34</li>
<li>35</li>
<li>36</li>
<li>37</li>
<li>38</li>
<li>39</li>
<li>40</li>
<li>41</li>
<li>42</li>
<li>43</li>
<li>44</li>
<li>45</li>
<li>46</li>
<li>47</li>
<li>48</li>
<li>49</li>
<li>50</li>
<li>51</li>
<li>52</li>
<li>53</li>
<li>54</li>
<li>55</li>
<li>56</li>
</ul>
<p>这里是配置微信公众号的基本信息，其它地方要使用就直接使用：</p>
<ol class="hljs-ln">
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-meta">@Autowired</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-keyword">protected WxMpService wxMpService;</span></div>
</div>
</li>
</ol>
<ul>
<li>1</li>
<li>2</li>
</ul>
<p>2.获取微信用户基本信息示例代码：</p>
<ol class="hljs-ln">
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">WxMpOAuth2AccessToken accessToken;</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">WxMpUser wxMpUser = <span class="hljs-literal">null;</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">accessToken = <span class="hljs-keyword">this.wxMpService.oauth2getAccessToken(code);</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">wxMpUser = <span class="hljs-keyword">this.wxMpService.getUserService().userInfo(accessToken.getOpenId(), <span class="hljs-literal">null);</span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"><span class="hljs-comment">//用户的基本信息就在wxMpUser中了,需要的就拿去用了。（注意：微信用户的性别：0：未知，1：男 2：女）</span></div>
</div>
</li>
</ol>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>
<p>3.H5若要使用微信封装好的js,则需要一些基本的配置信息，完全可以从后天台获取然后返回，示例代码：</p>
<ol class="hljs-ln">
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-keyword">public StatusResult<<span class="hljs-built_in">Map<<span class="hljs-built_in">String, <span class="hljs-built_in">Object>> createJsapiSignature(<span class="hljs-built_in">String url) {</span></span></span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-built_in">Map<<span class="hljs-built_in">String, <span class="hljs-built_in">Object> result = <span class="hljs-keyword">new HashMap<<span class="hljs-built_in">String, <span class="hljs-built_in">Object>();</span></span></span></span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-keyword">try {</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> WxJsapiSignaturewxJsapiSignature = wxMpService.createJsapiSignature(url);</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-built_in">String getJsapiTicket = wxMpService.getJsapiTicket();</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> result.put(<span class="hljs-string">"wxJsapiSignature", wxJsapiSignature);</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-keyword">return StatusResult.success(result, <span class="hljs-string">"");</span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> } <span class="hljs-keyword">catch (WxErrorException e) {</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-keyword">return StatusResult.failed(<span class="hljs-string">"未知错误出现", result);</span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> }</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> }</div>
</div>
</li>
</ol>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
<li>11</li>
</ul>
<p>这里的url是H5用js代码获取的：</p>
<pre name="code" class="has"><code class="hljs go"><span class="hljs-keyword">var url = location.href.split(<span class="hljs-string">'#')[<span class="hljs-number">0];</span></span></span></code></pre>
<ul>
<li>1</li>
</ul>
<p>4.公众号支付 <br>流程： <br>页面发起–>后台下单后返回前端所需要的参数–>页面发起支付–>用户输入密码付款成功–>微信回调后台通知接口–>业务处理完成 <br>H5页面发起支付： <br>微信公众号的页面支付首先要配置微信公众号： <br>微信支付–>开发配置–>支付授权目录（正式、测试的目录必须要不一样,否则有你好看的,） <br>注意：设置授权目录的时候必须要精确到需要支付页面的目录文件夹； <br>例子：需要支付的H5页面 http://xxxxx.com/test/html/pay/pay.html <br>则授权目录配置为 http://xxxxx.com/test/html/pay/ <br>配置完成后就可以发起下单了， <br>后台下单代码示例：</p>
<ol class="hljs-ln">
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"><span class="hljs-keyword">public StatusResult<<span class="hljs-built_in">Map<<span class="hljs-built_in">String, <span class="hljs-built_in">String>> getJSSDKPayInfo(HttpServletResponse response,</span></span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> HttpServletRequest request) {</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> StatusResult<<span class="hljs-built_in">Map<<span class="hljs-built_in">String, <span class="hljs-built_in">String>> result = <span class="hljs-literal">null;</span></span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-built_in">String spbill_create_ip = request.getRemoteAddr();<span class="hljs-comment">//订单生成的机器 IP</span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-built_in">Map<<span class="hljs-built_in">String, <span class="hljs-built_in">String> map = <span class="hljs-keyword">new HashMap<<span class="hljs-built_in">String, <span class="hljs-built_in">String>(); </span></span></span></span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> WxMpConfigStorage wx= wxMpService.getWxMpConfigStorage();</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> WxPayUnifiedOrderRequest prepayInfo = <span class="hljs-keyword">new WxPayUnifiedOrderRequest();</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-comment">//TODO change all request parameters to a VO class</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> prepayInfo.setOpenid(<span class="hljs-string">"openId"); </span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> prepayInfo.setOutTradeNo(<span class="hljs-string">"out_trade_no");<span class="hljs-comment">//设置订单商户号</span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> int total_fee = <span class="hljs-number">0.01 * <span class="hljs-number">100;</span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> total_fee = <span class="hljs-number">1;</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> prepayInfo.setTotalFee(Integer.valueOf(total_fee));<span class="hljs-comment">//设置支付金额 单位为分 </span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> prepayInfo.setBody(<span class="hljs-string">"xxxxx");<span class="hljs-comment">//支付的内容简介</span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> prepayInfo.setTradeType(<span class="hljs-string">"JSAPI");<span class="hljs-comment">//渠道：公众号支付</span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> prepayInfo.setSpbillCreateIp(spbill_create_ip);<span class="hljs-comment">//终端ip </span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-comment">//TODO(user) 填写通知回调地址</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> prepayInfo.setNotifyURL(wx.getNotifyURL());</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-keyword">try {</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> 两种下单方式,如果报错请先仔细检查微信配置的各种参数</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-comment">//WxPayUnifiedOrderResultwxPayUnifiedOrderResult= wxMpService.getPayService().unifiedOrder(prepayInfo);</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-built_in">Map<<span class="hljs-built_in">String, <span class="hljs-built_in">String> payInfo = <span class="hljs-built_in">this.wxMpService.getPayService().getPayInfo(prepayInfo);</span></span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-keyword">if(payInfo != <span class="hljs-literal">null){</span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-comment">//业务代码</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> }</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> result = StatusResult.success(payInfo);</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-keyword">return result;</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> } <span class="hljs-keyword">catch (WxErrorException e) {</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> log.error(e.getError().toString());</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> map.put(<span class="hljs-string">"error", e.getError().toString());</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-keyword">return StatusResult.failed(<span class="hljs-string">"微信下单失败",map);</span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> }</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> }</div>
</div>
</li>
</ol>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
<li>11</li>
<li>12</li>
<li>13</li>
<li>14</li>
<li>15</li>
<li>16</li>
<li>17</li>
<li>18</li>
<li>19</li>
<li>20</li>
<li>21</li>
<li>22</li>
<li>23</li>
<li>24</li>
<li>25</li>
<li>26</li>
<li>27</li>
<li>28</li>
<li>29</li>
<li>30</li>
<li>31</li>
<li>32</li>
<li>33</li>
</ul>
<p>H5页面支付js代码(需要引入微信js哈)：</p>
<ol class="hljs-ln">
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"><span class="hljs-function"><span class="hljs-keyword">function <span class="hljs-title">callPay(<span class="hljs-params">){</span></span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-keyword">if (<span class="hljs-keyword">typeof WeixinJSBridge == <span class="hljs-string">"undefined"){</span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-keyword">if( <span class="hljs-built_in">document.addEventListener ){</span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-built_in">document.addEventListener(<span class="hljs-string">'WeixinJSBridgeReady', onBridgeReady, <span class="hljs-literal">false);</span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> }<span class="hljs-keyword">else <span class="hljs-keyword">if (<span class="hljs-built_in">document.attachEvent){</span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-built_in">document.attachEvent(<span class="hljs-string">'WeixinJSBridgeReady', onBridgeReady); </span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-built_in">document.attachEvent(<span class="hljs-string">'onWeixinJSBridgeReady', onBridgeReady);</span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> }</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> }<span class="hljs-keyword">else{</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> onBridgeReady();</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> } </div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> }</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-function"><span class="hljs-keyword">function <span class="hljs-title">onBridgeReady(<span class="hljs-params">){</span></span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> WeixinJSBridge.invoke(</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-string">'getBrandWCPayRequest', {</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-string">"appId":appId, <span class="hljs-comment">//公众号名称，由商户传入 </span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-string">"timeStamp":timeStamp, <span class="hljs-comment">//时间戳，自1970年以来的秒数 </span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-string">"nonceStr":nonceStr, <span class="hljs-comment">//随机串 </span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-string">"package":package, </span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-string">"signType":<span class="hljs-string">"MD5", <span class="hljs-comment">//微信签名方式： </span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-string">"paySign":paySign <span class="hljs-comment">//微信签名 </span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> },</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-function"><span class="hljs-keyword">function(<span class="hljs-params">res){ </span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-keyword">if (res.err_msg == <span class="hljs-string">"get_brand_wcpay_request:ok") { </span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> alert(<span class="hljs-string">"微信支付成功!");</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> } <span class="hljs-keyword">else <span class="hljs-keyword">if (res.err_msg == <span class="hljs-string">"get_brand_wcpay_request:cancel") { </span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> alert(<span class="hljs-string">"用户取消支付!");</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> } <span class="hljs-keyword">else {</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> alert(<span class="hljs-string">"支付失败!");</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> } <span class="hljs-comment">// 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回 ok，但并不保证它绝对可靠。 </span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> }</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> ); </div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> }</div>
</div>
</li>
</ol>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
<li>11</li>
<li>12</li>
<li>13</li>
<li>14</li>
<li>15</li>
<li>16</li>
<li>17</li>
<li>18</li>
<li>19</li>
<li>20</li>
<li>21</li>
<li>22</li>
<li>23</li>
<li>24</li>
<li>25</li>
<li>26</li>
<li>27</li>
<li>28</li>
<li>29</li>
<li>30</li>
<li>31</li>
<li>32</li>
<li>33</li>
</ul>
<p>微信回调后台通知接口代码示例：</p>
<ol class="hljs-ln">
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> public void getJSSDKCallbackData(HttpServletRequest request,</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> HttpServletResponse response) {</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> try {</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> synchronized (this) {</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> Map<span class="hljs-tag"><<span class="hljs-name">String, <span class="hljs-attr">String> kvm = XMLUtil.parseRequestXmlToMap(request);</span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> System.out.println("微信通知返回结果：\t"+kvm.toString());</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> WxPayOrderQueryResultwxPayOrderQueryResult = wxMpService.getPayService().queryOrder("", kvm.get("out_trade_no"));//用订单号去查询订单状态，冗余代码可看可删</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">// if (this.wxMpService.getPayService().checkSign(kvm,kvm.get("sign"))) {</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> System.out.println("查询订单返回结果：\t"+wxPayOrderQueryResult.getTradeState());</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> if ("SUCCESS".equals(wxPayOrderQueryResult.getTradeState())) {</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> if (kvm.get("result_code").equals("SUCCESS")) {</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> //TODO(user) 微信服务器通知此回调接口支付成功后，通知给业务系统做处理</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> log.info("out_trade_no: " + kvm.get("out_trade_no") + " pay SUCCESS!");</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> String out_trade_no = kvm.get("out_trade_no"); //支付订单号，接下来写业务代码 </div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> }</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> }</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> } </div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> log.info("已经支付的订单详情\t"+aleadyPayOrder);</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> response.getWriter().write("<span class="hljs-tag"><<span class="hljs-name">xml><span class="hljs-tag"><<span class="hljs-name">return_code><!]><span class="hljs-tag"></<span class="hljs-name">return_code><span class="hljs-tag"><<span class="hljs-name">return_msg><!]><span class="hljs-tag"></<span class="hljs-name">return_msg><span class="hljs-tag"></<span class="hljs-name">xml>");</span></span></span></span></span></span></span></span></span></span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> } else {</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> log.error("out_trade_no: "</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> + kvm.get("out_trade_no") + " result_code is FAIL");</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> response.getWriter().write(</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> "<span class="hljs-tag"><<span class="hljs-name">xml><span class="hljs-tag"><<span class="hljs-name">return_code><!]><span class="hljs-tag"></<span class="hljs-name">return_code><span class="hljs-tag"><<span class="hljs-name">return_msg><!]><span class="hljs-tag"></<span class="hljs-name">return_msg><span class="hljs-tag"></<span class="hljs-name">xml>");</span></span></span></span></span></span></span></span></span></span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> }</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> } else {</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> response.getWriter().write(</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> "<span class="hljs-tag"><<span class="hljs-name">xml><span class="hljs-tag"><<span class="hljs-name">return_code><!]><span class="hljs-tag"></<span class="hljs-name">return_code><span class="hljs-tag"><<span class="hljs-name">return_msg><!]><span class="hljs-tag"></<span class="hljs-name">return_msg><span class="hljs-tag"></<span class="hljs-name">xml>");</span></span></span></span></span></span></span></span></span></span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> log.error("out_trade_no: " + kvm.get("out_trade_no")</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> + " check signature FAIL");</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> }</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> }</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> } catch (Exception e) {</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> e.printStackTrace();</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> }</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> }</div>
</div>
</li>
</ol>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
<li>11</li>
<li>12</li>
<li>13</li>
<li>14</li>
<li>15</li>
<li>16</li>
<li>17</li>
<li>18</li>
<li>19</li>
<li>20</li>
<li>21</li>
<li>22</li>
<li>23</li>
<li>24</li>
<li>25</li>
<li>26</li>
<li>27</li>
<li>28</li>
<li>29</li>
<li>30</li>
<li>31</li>
<li>32</li>
<li>33</li>
<li>34</li>
<li>35</li>
<li>36</li>
</ul>
<p>到此为止公众号支付完成。</p>
<p>三、微信js中接口使用 <br>分享等很常见的，需要初始化微信的js，需要利用到上面写的createJsapiSignature后台接口。 <br>公众号的分享给朋友、朋友圈、QQ空间等方法在微信js中是可以直接调用的，分享的内容可以自己改变的，但是分享出去的按钮只能是微信右上角的分享，开发者不能自定义分享按钮。。。这一点让人非常不爽。 <br>H5页面js的代码示例：</p>
<p>引入微信的js，然后初始化，然后微信会自动执行wx.ready中的方法</p>
<ol class="hljs-ln">
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">wx.config({</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-attr">debug: <span class="hljs-literal">false, <span class="hljs-comment">//开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。</span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-attr">appId: appId, <span class="hljs-comment">//必填，公众号的唯一标识</span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-attr">timestamp: timestamp, <span class="hljs-comment">// 必填，生成签名的时间戳 </span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-attr">nonceStr: nonceStr, <span class="hljs-comment">//必填，生成签名的随机串 </span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-attr">signature: signature, <span class="hljs-comment">// 必填，签名</span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-attr">jsApiList: [<span class="hljs-comment">//需要多少接口就写多少接口</span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-string">'checkJsApi',<span class="hljs-comment">//判断当前客户端是否支持指定JS接口</span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-string">'onMenuShareAppMessage'<span class="hljs-comment">//获取“分享给朋友”按钮点击状态及自定义分享内容接口</span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> ] <span class="hljs-comment">//必填，需要使用的JS接口列表，所有JS接口列表 </span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">}); </div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">wx.ready(<span class="hljs-function"><span class="hljs-keyword">function (<span class="hljs-params">) {</span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-keyword">var title = <span class="hljs-string">"xxxx";</span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-keyword">var desc = <span class="hljs-string">"xxxx";</span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-keyword">var imgUrl = <span class="hljs-string">"http://xxx.com/test/picture/xxxxx.png";</span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> wx.onMenuShareAppMessage({</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-attr">title: title, <span class="hljs-comment">// 分享标题</span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-attr">desc: desc, <span class="hljs-comment">// 分享描述</span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-attr">link: url, <span class="hljs-comment">// 分享链接,h5网页的地址或者其它</span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-attr">imgUrl: imgUrl,</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-attr">trigger: <span class="hljs-function"><span class="hljs-keyword">function(<span class="hljs-params">res) {</span></span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> alert(<span class="hljs-string">'用户点击发送给朋友');</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> },</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-attr">success: <span class="hljs-function"><span class="hljs-keyword">function(<span class="hljs-params">res) {</span></span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> alert(<span class="hljs-string">'已分享');</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> },</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-attr">cancel: <span class="hljs-function"><span class="hljs-keyword">function(<span class="hljs-params">res) {</span></span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> alert(<span class="hljs-string">'已取消');</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> },</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-attr">fail: <span class="hljs-function"><span class="hljs-keyword">function(<span class="hljs-params">res) {</span></span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> alert(<span class="hljs-built_in">JSON.stringify(res));</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> }</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> });</div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">}); </div>
</div>
</li>
</ol>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
<li>11</li>
<li>12</li>
<li>13</li>
<li>14</li>
<li>15</li>
<li>16</li>
<li>17</li>
<li>18</li>
<li>19</li>
<li>20</li>
<li>21</li>
<li>22</li>
<li>23</li>
<li>24</li>
<li>25</li>
<li>26</li>
<li>27</li>
<li>28</li>
<li>29</li>
<li>30</li>
<li>31</li>
<li>32</li>
<li>33</li>
<li>34</li>
</ul>
<p>调用微信js中的方法流程： <br>初始化config–>执行wx.ready <br>开发者需要更多的功能就依照葫芦画瓢了，或者去微信js sdk文档去copy方法了。</p>
<p>让人不愉快的事情又发生了，微信在4月29日开始限制自定义分享的链接啦，必须要是安全域名下的链接才可以分享。 <br>详情请看： <br>JSSDK自定义分享接口的策略调整 <br>这样导致不能直接分享自己想要的链接了，但是解决方法还是有的： <br>在你的域名下新建一个H5页面，在这个H5页面的js代码中做一个跳转就好啦（但是如果你分享出去的是支付页面，那多半是支付不了地）！</p>
<p>四、处理微信直接可以分享页面问题 <br>有时候业务需要不能把当前的页面分享出去，但是微信自带的分享、复制链接按钮是可以在任何页面拿到当前页面的地址，如果别人点击就会进入。为了避免这个情况发生，有几种处理方法： <br>1.后端足够强大，页面跳转完全由后端完成，在加入了权限验证的情况下就不怕这个的，后端会拦截请求验证，验证不过就跳指定的error页面就好。 <br>2.前端做验证 <br>jsp可以用session，判断session中的一个全局参数即可。 <br>H5可以使用cookie,在项目的开始页写入cookie，在js中写一个验证方法，每个页面都调用这个验证方法进行验证，虽然有冗余代码，但是这个是可以实现地，简单粗暴，速度快。 <br>设置cookie的方法：</p>
<ol class="hljs-ln">
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">jquery(<span class="hljs-function"><span class="hljs-keyword">function(<span class="hljs-params">) {</span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-keyword">var expiresDate= <span class="hljs-keyword">new <span class="hljs-built_in">Date();</span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> expiresDate.setTime(expiresDate.getTime() + (<span class="hljs-number">30 * <span class="hljs-number">60 * <span class="hljs-number">1000));<span class="hljs-comment">//半小时</span></span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> jquery.cookie(<span class="hljs-string">"openId",<span class="hljs-string">'${openId}', {</span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-attr">path : <span class="hljs-string">'/',<span class="hljs-comment">//cookie的作用域为根目录，任何页面都是有效的</span></span></span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> <span class="hljs-attr">expires : expiresDate</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line"> });<span class="hljs-comment">//cookie里面保存openId</span></div>
</div>
</li>
<li>
<div class="hljs-ln-numbers"> </div>
<div class="hljs-ln-code">
<div class="hljs-ln-line">});</div>
</div>
</li>
</ol>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
</ul>
<p>然后在js中写一个方法每个页面都调用判断。</p><br><br>
来源：https://www.cnblogs.com/wangsongbai/p/13444699.html
頁:
[1]