微信小程序获取公众号文章列表及显示文章的示例代码


Posted in Javascript onMarch 10, 2020

微信小程序中如何打开公众号中的文章,步骤相对来说不麻烦。

1、公众号设置

小程序若要获取公众号的素材,公众号需要做一些设置。

1.1 绑定小程序

公众号需要绑定目标小程序,否则无法打开公众号的文章。
在公众号管理界面,点击小程序管理 --> 关联小程序

微信小程序获取公众号文章列表及显示文章的示例代码

输入小程序的AppID搜索,绑定即可。

微信小程序获取公众号文章列表及显示文章的示例代码

1.2 公众号开发者功能配置

(1) 在公众号管理界面,点击开发模块中的基本配置选项。

微信小程序获取公众号文章列表及显示文章的示例代码

(2) 开启开发者秘密(AppSecret),注意保存改秘密。
(3) 设置ip白名单,这个就是发起请求的机器的外网ip,假如是在自己电脑那就是自己电脑的外网ip,若部署到服务器那就是服务器的外网ip。

微信小程序获取公众号文章列表及显示文章的示例代码

2、获取文章信息的步骤

以下只是作为演示。

实际项目中在自己的服务端程序中获取,不要在小程序中直接获取,毕竟要使用到appid、appsecret这些保密性高的参数。

2.1 获取access_token

access_token是公众号的全局唯一接口调用凭据,公众号调用各接口时都需使用access_token。API文档

private String getToken() throws MalformedURLException, IOException, ProtocolException {
		// access_token接口https请求方式: GET https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET
		String path = " https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential";
		String appid = "公众号的开发者ID(AppID)";
		String secret = "公众号的开发者密码(AppSecret)";
		URL url = new URL(path+"&appid=" + appid + "&secret=" + secret);
		HttpURLConnection connection = (HttpURLConnection) url.openConnection(); 
		connection.setRequestMethod("GET");
		connection.connect();
		
		InputStream in = connection.getInputStream();
		byte[] b = new byte[100];
		int len = -1;
		StringBuffer sb = new StringBuffer();
		while((len = in.read(b)) != -1) {
			sb.append(new String(b,0,len));
		}
		
		System.out.println(sb.toString());
		in.close();
		return sb.toString();
	}

2.2 获取文章列表

API文档

private String getContentList(String token) throws IOException {
		String path = " https://api.weixin.qq.com/cgi-bin/material/batchget_material?access_token=" + token;
		URL url = new URL(path);
		HttpURLConnection connection = (HttpURLConnection) url.openConnection(); 
		connection.setRequestMethod("POST");
		connection.setDoOutput(true);
		connection.setRequestProperty("content-type", "application/json;charset=utf-8");
		connection.connect();
		// post发送的参数
		Map<String, Object> map = new HashMap<>();
		map.put("type", "news"); // news表示图文类型的素材,具体看API文档
		map.put("offset", 0);
		map.put("count", 1);
		// 将map转换成json字符串
		String paramBody = JSON.toJSONString(map); // 这里用了Alibaba的fastjson
		
		OutputStream out = connection.getOutputStream();
		BufferedWriter bw = new BufferedWriter(new OutputStreamWriter(out));
		bw.write(paramBody); // 向流中写入参数字符串
		bw.flush();
		
		InputStream in = connection.getInputStream();
		byte[] b = new byte[100];
		int len = -1;
		StringBuffer sb = new StringBuffer();
		while((len = in.read(b)) != -1) {
			sb.append(new String(b,0,len));
		}
		
		in.close();
		return sb.toString();
	}

测试:

@Test
	public void test() throws IOException {
		
		String result1 = getToken();
		Map<String,Object> token = (Map<String, Object>) JSON.parseObject(result1);
		String result2 = getContentList(token.get("access_token").toString());
		System.out.println(result2);
	}

微信小程序获取公众号文章列表及显示文章的示例代码

转换成json格式,参数说明查看上面的API文档

微信小程序获取公众号文章列表及显示文章的示例代码

微信小程序获取公众号文章列表及显示文章的示例代码

其中第二张图片中的url即为公众号文章的地址,获取到多少片tem项中就会有多少项,只要得到上面的结果那么在小程序中打开公众号文章已经成功一大半了。

最后在小程序中利用<web-view src="...."></web-view>组件打开即可,src中为文章的url地址。

微信小程序获取公众号文章列表及显示文章的示例代码

到此这篇关于微信小程序获取公众号文章列表及显示文章的示例代码的文章就介绍到这了,更多相关小程序获取公众号文章列表内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
Jquery中增加参数与Json转换代码
Nov 20 Javascript
javascript实现div浮动在网页最顶上并带关闭按钮效果实例
Aug 13 Javascript
JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍
May 19 Javascript
js canvas实现擦除效果示例代码
Apr 26 Javascript
vue+vuex+axios实现登录、注册页权限拦截
Mar 09 Javascript
解决vuejs项目里css引用背景图片不能显示的问题
Sep 13 Javascript
Express结合Webpack的全栈自动刷新
May 23 Javascript
vue+elementUi图片上传组件使用详解
Aug 20 Javascript
解决ele ui 表格表头太长问题的实现
Nov 13 Javascript
JS数组扁平化、去重、排序操作实例详解
Feb 24 Javascript
JS 设计模式之:单例模式定义与实现方法浅析
May 06 Javascript
Ant Design moment对象和字符串之间的相互转化教程
Oct 27 Javascript
jquery实现烟花效果(面向对象)
Mar 10 #jQuery
非常漂亮的js烟花效果
Mar 10 #Javascript
微信小程序搜索框样式并实现跳转到搜索页面(小程序搜索功能)
Mar 10 #Javascript
微信小程序实现搜索功能
Mar 10 #Javascript
原生JS实现烟花效果
Mar 10 #Javascript
JS实现iframe中子父页面跨域通讯的方法分析
Mar 10 #Javascript
详解vue-template-admin三级路由无法缓存的解决方案
Mar 10 #Javascript
You might like
PHP 冒泡排序算法的实现代码
2010/08/08 PHP
php删除左端与右端空格的方法
2014/11/29 PHP
php实现两个数组相加的方法
2015/02/17 PHP
php生成复杂验证码(倾斜,正弦干扰线,黏贴,旋转)
2018/03/12 PHP
PHP 命名空间和自动加载原理与用法实例分析
2020/04/29 PHP
Yii redis集合的基本使用教程
2020/06/14 PHP
自用js开发框架小成 学习js的朋友可以看看
2010/11/16 Javascript
jquery实现漂浮在网页右侧的qq在线客服插件示例
2013/05/13 Javascript
ie下$.getJSON出现问题的解决方法
2014/02/12 Javascript
JavaScript模拟实现键盘打字效果
2015/06/29 Javascript
cocos2dx骨骼动画Armature源码剖析(一)
2015/09/08 Javascript
谈谈对offsetleft兼容性的理解
2015/11/11 Javascript
jQuery弹簧插件编写基础之“又见弹窗”
2015/12/11 Javascript
JS取模、取商及取整运算方法示例
2016/10/13 Javascript
vue-rx的初步使用教程
2018/09/21 Javascript
vue.js实现回到顶部动画效果
2019/07/31 Javascript
基于jquery ajax的多文件上传进度条过程解析
2019/09/11 jQuery
在layui框架中select下拉框监听更改事件的例子
2019/09/20 Javascript
jQuery AJAX应用实例总结
2020/05/19 jQuery
NodeJS模块Buffer原理及使用方法解析
2020/11/11 NodeJs
Python随机生成一个6位的验证码代码分享
2015/03/24 Python
Python 爬虫之超链接 url中含有中文出错及解决办法
2017/08/03 Python
python中子类调用父类函数的方法示例
2017/08/18 Python
在PyCharm中三步完成PyPy解释器的配置的方法
2018/10/29 Python
python安装requests库的实例代码
2019/06/25 Python
Python学习笔记之迭代器和生成器用法实例详解
2019/08/08 Python
python PyQt5/Pyside2 按钮右击菜单实例代码
2019/08/17 Python
python GUI库图形界面开发之PyQt5选项卡控件QTabWidget详细使用方法与实例
2020/03/01 Python
草莓网中国:StrawberryNet中国
2020/08/17 全球购物
《祁黄羊》教学反思
2014/04/22 职场文书
我的中国梦演讲稿初中篇
2014/08/19 职场文书
2014年药店工作总结
2014/11/20 职场文书
小米11和iphone12哪个值得买?小米11对比iphone12评测
2021/04/21 数码科技
Python下opencv库的安装过程及问题汇总
2021/06/11 Python
MySQL图形化管理工具Navicat安装步骤
2021/12/04 MySQL
阿里云国际版 使用Nginx作为HTTPS转发代理服务器
2022/05/11 Servers