微信小程序中如何打开公众号文章（node版）

1. 技术要求

微信开发经验+小程序开发经验+会一点node

2. 思路

在6月份的一次更新，webview组件增加新的能力，webview 指向网页的链接。可打开关联的公众号的文章，其它网页需登录小程序管理后台配置业务域名。所以我们可以利用微信提供的"https://api.weixin.qq.com/cgi-bin/material/batchget_material“接口获取所有的素材列表，我们可以将这些文章存入数据库，方便使用，在将web-view 中的src替换为获取到的素材文章的永久链接，即可

3. 源码demo

1. 获取微信中的素材列表

//使用了request这个库用于服务端请求

const token_url="https://api.weixin.qq.com/cgi-bin/token";

const url = "https://api.weixin.qq.com/cgi-bin/material/batchget_material";

const appid="自己的appid";

const appsecret="自己的APPsecret";

const type="news";

const offset="0";

const count="20";

//获取token

let token_info=await new Promise(function(resolve,reject){

request.get(`${token_url}?grant_type=client_credential&appid=${appid}&secret=${appsecret}`,function(error, response, body){

if (!error && response.statusCode == 200) {

resolve(body);

}

reject(error);

});

})

token_info=JSON.parse(token_info);

const access_token=token_info.access_token;

let data = {

"type": type,

"offset":offset,

"count": count

};

// 获取素材列表

const res=await new Promise(function (resolve, reject) {

request.post({url:`${url}?access_token=${access_token}`, form:JSON.stringify(data)}, function (error, response, body) {

console.log("body-->",body);

if (!error && response.statusCode == 200) {

resolve(body);

}

reject(error);

})

});

console.log("res-->",res);

2. 小程序端

//src 中填入获取到的永久链接

<web-view src="http://mp.weixin.qq.com/s?__biz=MzI3MjM1MTUzNA==&mid=100000180&idx=1&sn=069844e709fdbe0aaa4129c97977b335&chksm=6b32a9f55c4520e3c7d9ec18b6e79a02689ea23ae01006ff7dc47677588b8b22a8c1e531661b#rd"></web-view>

3. 结果

koahub node.js商城

微信小程序中如何打开公众号文章（node版）相关推荐

小程序中如何关注公众号
小程序开发(三)小程序或微信H5如何直接关注公众号 youthcity 关注 0.3 2018.08.05 00:09* 字数 878 阅读 7259评论 0喜欢 10 背景业务需求中,希望通过朋 ...
微信小程序获取并展示公众号推文
微信小程序获取并展示公众号推文获取公众号access_token(开发环境) IP白名单设置获取access_token 小程序前端展示素材导入云数据库云函数读取展示注:笔者是小程序菜鸟,代 ...
微信小程序生态13-微信公众号自定义菜单、个性化菜单配置
文章导航微信小程序生态1-初识小程序微信小程序生态2-创建一个微信小程序微信小程序生态3-微信小程序登录流程设计微信小程序生态4-扫普通二维码进入小程序.打开短链接进入小程序微信小程序生态5 ...
微信小程序 official-account组件关注公众号
昨天微信小程序发布了 official-account 相关组件,从意思上来讲可以通过小程序直接点击标签关注对应的公众号今天一上班就试了一下. 文档不长,但是对于我这种看文档能力较差的人还是有点吃力的 ...
微信小程序内跳转公众号
可使用微信小程序官方提供的official-account 组件来完成,官方文档 Tips: 1. 使用组件前,需前往小程序后台,在"设置"->"关注公众号&quo ...
微信小程序web-view内嵌公众号网页分享功能实现
web-view嵌入网页分享,有二种分享情况 1.小程序分享出当前打开的页面 2.部分页面要求,分享指定页面,而不是当前的页面以下是代码部分一.web-view内嵌公众号网页 ...
java获取openid_JAVA获取微信小程序openid和获取公众号openid，以及通过openid获取用户信息...
https://www.cnblogs.com/lxwt/p/10154540.html?tdsourcetag=s_pcqq_aiomsg 一,首先说明下这个微信的openid 为了识别用户,每个用 ...
小程序如何跳转公众号文章
随着小程序不断的发展,现在个人的小程序也开放了很多功能了,个人小程序直接打开公众号链接.在群里看到的一款小程序,点击可以直接阅读文章了,所以琢磨了一下,写了一些源码. 主要代码: <web-vi ...
小程序中实现关注公众号
方式一:使用微信官方提供的组件官方文档 1.使用场景(有限制) 1011 扫描二维码 1017 前往小程序体验版的入口页 1025 扫描一维码 1047 扫描小程序码 1124 扫"一物一 ...

微信小程序中如何打开公众号文章（node版）

微信小程序中如何打开公众号文章（node版）相关推荐

最新文章

热门文章