300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 微信公众号 小程序项目开发模板源码

微信公众号 小程序项目开发模板源码

时间:2019-06-30 18:11:08

相关推荐

微信公众号 小程序项目开发模板源码

微信公众号/小程序开发项目源码(支持多公众号)

微信应用开发一步到位,结合测试公众号完成开发Demo演示,项目源码运行图文步骤逐一讲解。

1.1、申请测试公众号

微信测试公众号申请链接

1.2、登录后,获取到appID和appsecret

1.3、配置接口有涉及的参数,不涉及的可不填。测试号二维码关注后即可使用

2.1下载项目源码,导入IDEA开发环境。(>>源码获取地址

2.2 导入项目

2.3在项目工程的配置文件中,将上文测试公众号的参数设置进去

2.4主要配置说明如下:

3.1、如下运行SpringBoot程序:`WxMpDemoApplication`,得到项目访问地址。

Local访问网址:http://localhost:8090/wxmp-demo

3.2 在浏览器中访问下面这个接口,完成公众号菜单设置。具体菜单的配置可在该类中根据个自需求进行修改

公众号菜单配置代码:

访问请求示例:

http://localhost:8090/wxmp-demo/wx/menu/xxxxx/create

(注意,xxxxx为对应公众号的appid值)

从控制台的信息,可以看到公众号菜单配置成功。

此外,在日志上可以看到“获取用户信息”功能(网页授权)是以你请求的域名地址进行映射。所以一会在设置“网页授权”域名时,我们需要使用对应域名再配置下菜单即可。

4、项目启动后,如果有公网地址,可配置后,将地址填入测试公众号的接口地址。

若没有公网地址,暂时在本地开发调试。请参阅文章《内网穿透实用工具(开发超便捷)》

进行配置。

a) 双击启动内网穿透工具

b) 在浏览器上确认映射的地址可以访问(映射的域名地址从上图中复制)

5、配置微信公众号中的接口地址:http://公网可访问域名/wx/portal/xxxxx (注意,xxxxx为对应公众号的appid值);

6、扫码进入测试号的公众号

进行测试体验:(根据自己需要修改各个handler的实现,加入自己的业务逻辑)

7、微信应用开发之网页授权

7.1、在微信测试号网页上配置上述服务器的域名,填写在网页授权域名一栏。

7.2、同上述3.2步骤,使用映射的域名请求配置下公众号菜单。

访问请求示例:

/wxmp-demo/wx/menu/xxxxx/create

(注意,xxxxx为对应公众号的appid值)

7.3、配置完菜单,如果想看下url地址是否配置正确。可将日志复制到下面位置(/tools/urlencode.aspx),再解码核对。

7.4、点击获取用户信息菜单,

如下图成功获取到用户信息:

至此,微信应用的Demo案例可自由测试:

只需在对应Hander添加自己的需求逻辑,开发便捷高效~

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。