记一次外包项目微信接口开发流程-spring-boot


声明:本文转载自https://my.oschina.net/northerSong/blog/1554057,转载目的在于传递更多信息,仅供学习交流之用。如有侵权行为,请联系我,我会及时删除。

近期帮朋友做了几个用到微信公众号接口的活,所以总结下。

一、微信公众号后台配置

公众号分订阅号,服务号,企业号,可以调用的接口权限各不相同,这里就不赘述,参考官方说明

  1. 登陆公众号后台,有接口权限,做为开发人员在开发前一定要先确认是否有接口权限。
  2. 白名单配置:调用接口的服务器必须要在公众号后台把服务器ip配置进去,否则调用接口失败。 ->基本设置->白名单配置
  3. 获取开发者id和密码,也就是appid,AppSecret,这2个调用接口必须的参数。
  4. 如果用当网页相关的接口,需要配置域名,在 设置->公众号设置->功能设置 里有域名相关的配置,如果不配置相关域名,会提示签名错误,并且使用未绑定微信公众号的域名,在微信打开会有微信给的不安全提示,很恶心。
  5. 如果需要对接微信自动回复,按钮事件,就需要在 基本设置 ->服务器配置里配置接收微信请求的地址。

实际上开发时生产用的公众号是不允许用来调试接口,所以微信公众号提供了微信测试号公众号后台 -> 公众平台测试帐号 -> 按照指示,就可以拥有所有接口权限的测试号。

二. 开发

1. 选择一个sdk或自己开发一个sdk

Software Development Kit 简称 SDK,这里指的sdk就是封装了微信公众号api的代码包。

也许是因为网上太多的开源的微信sdk,所以至今没有官方出的微信公众号的sdk。so,为了简化开发,我们可以直接网上找个开源的sdk,例如 fastweixin,jfinal-weixin,基本上都可以说开箱机用。

在我们公司是使用自己开发的一套sdk,因为是帮朋友,所以就用了网上的一套fastweixin。选用这个sdk,原因有:

  1. 用的人多,代表好用,稳定
  2. 开源,研究过源码,可以根据需求二次开发

2. 引入sdk

引入fastweixin,可以通过链接直接到首页进去查看。不过那个引入方式只是讲了如何去自动回复微信公众号消息。

先说我的需求(使用的接口) 其实用到就是微信分享接口(微信js),获取微信用户头像(授权接口)。

1> 新建项目

小项目小需求的快速开发,那就用spring boot喽。我用的IDE是IDEA,新建项目直接选 spring initializer,实际上是通过https://start.spring.io/动态的生成了基础的代码,然后下载到你本地解压。很方便的功能

2> 项目依赖

通过spring initializer生成的项目可以直接在生成时选择一些基础依赖,例如mybatis-spring-boot-starter,mysql-connector-java等等,可以说开箱即用。不过sdk的依赖还是需要我们复制进去的,maven引入

<dependency>     <groupId>com.github.sd4324530</groupId>     <artifactId>fastweixin</artifactId>     <version>1.3.15</version> </dependency> 

3> 调用sdk,提供前端调用接口

微信接口里有个概念叫token,通过开发者id和密码调用微信接口生成,2小时内有效。 所以sdk里有个ApiConfig类使用单例模式作为获取token的工具类。其实现就不多说,看使用的代码

用于获取token的代码

@Service @Slf4j public class WeChatAppid {     //把开发者id和密码写在配置文件,当然也有写在数据库里的。具体看需求     @Value("${appid}")     private String appid;     @Value("${appSecret}")     private String appSecret;      private ApiConfig config;      /**     * 这样是为了让spring先给appid,appSecret赋值。     */     @PostConstruct 	private void init(){ 		log.debug("appid : {} ,appSecret : {}" , appid,appSecret); 		config = new ApiConfig(appid,appSecret,true); 	}      public ApiConfig getApiConf(){     	return config;     } } 

供前端使用分享的接口 前后分离的项目,所以是这样的,对于未分离的

	@ApiOperation("微信js相关")//swagger接口文档生成的注解     @GetMapping("wx/conf")     public WxConf jsApi(HttpServletRequest request){          String url = request.getHeader("Referer");         if (StringUtils.isBlank(url)){             url = request.getRequestURL().toString();         }                      JsAPI jsAPI = new JsAPI(weChatAppid.getApiConf());         return new WxConf(weChatAppid.getApiConf().getAppid(),jsAPI.getSignature(url));     } 
// 用于和前端对接的实体类 public class WxConf extends Resp implements Serializable,Response {  	private String appid; 	private GetSignatureResponse jsApi;  	public WxConf(String appid, GetSignatureResponse jsApi) { 		this.appid = appid; 		this.jsApi = jsApi; 	} } 

4> 前端使用。。

前端使用---木有。。。。 应该再把前端用的代码贴出来的,不过这个项目是帮忙的,前端代码没在我这。 不过我这有个传统的项目暂且看下

<script th:inline="javascript">     /*<![CDATA[*/     var appid = /*[[${appid}]]*/ "";     var openid = /*[[${openid}]]*/ "";     var api = /*[[${api}]]*/ {};     var phone = /*[[${phone}]]*/ "";     var shareUrl = /*[[${shareUrl}]]*/"";     /*]]>*/      function share_data() {         return {             title: 'BMW归国留学(进修)人员专属礼遇',             desc: '留学生免税购车方案',             link: shareUrl,             imgUrl: "http://" + window.location.host + "/share.jpeg",             success: function () {                 $.get("/share/" + openid + "/" + phone);             },             cancel: function () {}         }     };      wx.config({         appId: appid,         timestamp: api.timestamp,         nonceStr: api.noncestr,         signature: api.signature,         jsApiList: [             'showOptionMenu',             'onMenuShareTimeline',             'onMenuShareAppMessage',             'onMenuShareQQ',             'onMenuShareWeibo',             'previewImage',             'getLocation'         ]     });     wx.ready(function () {         wx.showOptionMenu();         wx.onMenuShareTimeline(share_data());         wx.onMenuShareAppMessage(share_data());         wx.onMenuShareQQ(share_data());         wx.onMenuShareWeibo(share_data());     }); </script> 

总结

微信开发真的很简单,但有几点需要注意:

  1. 开发测试时直接用微信测试号,那个可以免去很多配置,例如下面的配置在开发期间就不用配置了
  2. 后台ip白名单的配置,可以多配置几个,开发的,生产的,测试的服务器都配置上
  3. 域名要用备案的,域名要配置到js接口,业务,授权,最多3个地方用于配置,根据业务的需求来,配置的时候需要在域名下部署一个txt文件,如果都是一个域名,部署一次就可以了。
  4. 微信开发者工具是个不错的微信开发测试工具,可以直接看到js接口哪个错了。

fastweixin这个sdk,常用基本够用了,集群的话还需要再在一些开发。

本文发表于2017年10月20日 18:34
(c)注:本文转载自https://my.oschina.net/northerSong/blog/1554057,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如有侵权行为,请联系我们,我们会及时删除.

阅读 2077 讨论 0 喜欢 0

抢先体验

扫码体验
趣味小程序
文字表情生成器

闪念胶囊

你要过得好哇,这样我才能恨你啊,你要是过得不好,我都不知道该恨你还是拥抱你啊。

直抵黄龙府,与诸君痛饮尔。

那时陪伴我的人啊,你们如今在何方。

不出意外的话,我们再也不会见了,祝你前程似锦。

这世界真好,吃野东西也要留出这条命来看看

快捷链接
网站地图
提交友链
Copyright © 2016 - 2021 Cion.
All Rights Reserved.
京ICP备2021004668号-1