‘壹’ 微信小程序同步微信公众号文章（二）
首先确认是否有相应的接口权限，这里主要用到获取素材相关的接口，可以看到对应接口文档，个人号还是有对应权限的。
在新增了永久素材后，开发者可以分类型获取永久素材的列表：
1、获取永久素材的列表，也包含公众号在公众平台官网素材管理模块中新建的图文消息、语音、视频等素材 。
2、临时素材无法通过本接口获取。
3、调用该接口需https协议。
实现的逻辑还是比较简单的，具体分两个步骤：
1、获取公众号的access_token
获取公众号的access_token的在前文中已经实现。
基于微信小程序云函数的方式获取微信公众号access_token -
2、遍历调用公众号永久素材列表接口获取数据
调用素材列表接口，获取相应的文章信息，这里主要获取公众号的图文信息(type为news)，接口调用请求说明：
http请求方式: POST
https://api.weixin.qq.com/cgi-bin/material/batchget_material?access_token=ACCESS_TOKEN
调取素材列表之后在小程序中通过视图组件scroll-view来实现，主要有标题、封面图、摘要：
<scroll-view class="container"scroll-y='true' style="height:{{height}}px" bindscrolltolower='lower'>
<block wx:for="{{res}}" >
<view class='feed-item' id='{{item.title}}' bindtap='getDetial'>
<view>
<text >{{item.title}}</text>
</view>
<view style='text-align: center'>
<image src='{{item.image_url}}'>tupian </image>
</view>
<view>
<text >{{item.digest}}</text>
</view>
</view>
</block>
</scroll-view>
文章列表在页面首次加载时就获取：
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
wx.getSystemInfo({
success: (res) => {
this.setData({
height: res.windowHeight
})
}
})
this.getData()
}
函数getData()实现步骤，具体请求函数用云函数来实现，先从调取acces_token：
// 云函数入口文件
const cloud = require('wx-server-sdk')
const news = require('New')
cloud.init()
// 云函数入口函数
exports.main = async (event, context) => {
let token = null;
await cloud.callFunction({
name:'token'
}).then(function(data){
token = data.result;
});
let offset = event.offset;
let count = event.count;
let nw = new news(token);
let rst = nw.getWechatPosts(offset,count);
return rst;
}
然后调取文章列表信息，每次获取10条信息：
//获取文章列表
getData(){
var that = this;
let pgno = this.data.pageNo+1;
let result = this.data.res;
wx.cloud.callFunction({
name:'news',
data:{
offset:this.data.offset,
count:this.data.count
},
success:function(res){
var resArr = [];
let body = res.result.body;
let total_count = body.total_count;//总共图文数量
let item_count = body.item_count;//本次调用数量
let item = body.item;
let page_total = parseInt((total_count + that.data.count - 1) / that.data.count);
let mud = total_count % that.data.count;
const db = wx.cloud.database();
for (let i = 0; i < item.length; i++) {
let news_item = item[i].content.news_item;
//单图文消息及多图文消息
for (let j = 0; j < news_item.length; j++) {
let title = news_item[j].title;//标题
let url = news_item[j].url;//详细地址
let image_url = news_item[j].thumb_url;//封面图片地址
let digest = news_item[j].digest;//摘要
let author = news_item[j].author;//作者
let content = news_item[j].content;
resArr.push(new nw(total_count, item_count, title, url, image_url, digest, author, content));
let res_id = null;
db.collection('content').where({
_id: url
}).get({
success: function (res) {
res_id = res.data[0]._id;
}
})
if (res_id === url){
}else{
db.collection('content').add({
data: {
_id: url,
content: content,
title: title
},
success: function (res) {
}
})
}
}
that.setData({
res: result.concat(resArr),
page_total: page_total,
pageNo: pgno,
mud: mud
});
}
}
})
}
scroll-view组件到底触发事件实现函数：
lower() {
//总页数18/10=1
var pageno = this.data.pageNo;
var page = this.data.page_total;
console.log("总页数：" + page+",第"+pageno+"页"+"zuohouy:"+this.data.mud)
if (pageno > page) {//page 4
wx.showToast({ //如果全部加载完成了也弹一个框
title: '我也是有底线的',
icon: 'success',
ration: 300
});
return false;
} else {
wx.showLoading({ //期间为了显示效果可以添加一个过度的弹出框提示“加载中”
title: '加载中',
icon: 'loading',
});
let offset = this.data.offset;
let count = this.data.count;
offset = this.data.offset + this.data.count;
console.log("offset:" + offset+"count:"+count)
this.setData({
offset: offset,
count: count
});
setTimeout(() => {
this.getData();
wx.hideLoading();
}, 1500);
}
}
‘贰’ 微信小程序在编辑文章的时候怎么将图片和文字内容呈现在同一列
1、打开微信公众平台登录公众号，进入素材管理界面。然后新建图文信息，进入图文编辑界面。点击右方多媒体列表中的“小程序”。
2、选择已经与公众号绑定的小程序。
3、确认展示形式。
4、填写小程序路径、卡片标题，并上传大小为卡片图片。小程序路径默认为小程序的首页。卡片图片尺寸必须为1080*864像素，文件大小限制为2M。
5、确认以上信息后点击确定。小程序卡片就会出现在图文编辑界面中。推送后，用户就可以通过点击图文中的小程序卡片进入小程序了。
‘叁’ 微信设置发票怎么设置
如果你经常需要开发票的话，每次怎么样告诉对方要开票的信息呢？我们可以借助微信发票小助手来帮忙，下面就来看看如何使用发票小助手吧。
工具/原料
微信
方法/步骤
1/10分步阅读
首先在手机上打开微信，然后点击进入发现标签页面，点击下面的“小程序”菜单项。
2/10
在打开的小程序页面中，点击右上角的“搜索”按钮。
3/10
在打开的搜索框中输入“微信发票助手”进行搜索，然后点击下面搜索结果中的“微信发票助手”菜单项。
4/10
如果是第一次使用，直接点击下面的“添加发票信息”按钮
5/10
在打开的编辑页面中，输入发票需要信息即可，最后点击保存按钮。
6/10
回到发票助手页面，可以看以添加好的发票抬头了。
7/10
在需要发票信息的时候，只需要点击发票抬头菜单项就可以查看该发标的所有相关信息，当然也可以扫描快速查看
8/10
如果好友需要发票信息，可以点击右上角的“更多”按钮，在弹出菜单中选择“转发”菜单项。
9/10
另外，还可以管理自己的电子发票，只需要点击右下角的“发票”标签，就可以查看到所有的以前开过的发票了。
10/10
同时该小程序还可以检验纸制发票，只需要点击下面“查验”选项卡，然后在页面中点击扫一扫按钮就可以了。不过该功能只针对部分地区。
注意事项
此经验文章中的图文皆由 lqlxhua 独立编撰，并首发于网络经验，如要转载，请留出处。
有帮助，点投票。要细品，可收藏。要继续，请关注。如成功，请点赞。有疑问，请留评。
手机 微信 发票助手 电子发票
编辑于2018-03-20，内容仅供参考并受版权保护
赞踩分享
阅读全文