02 小程序關注買粉絲后退兩次問題(記一次從買粉絲文章跳轉小程序頁面異常的問題)

_token的在前文中已經實現。

基于買粉絲小程序云函數的方式獲取買粉絲買粉絲access_token -

2、遍歷調用買粉絲永久素材列表接口獲取數據

調用素材列表接口，獲取相應的文章信息，這里主要獲取買粉絲的圖文信息(type為news)，接口調用請求說明：

買粉絲請求方式: POST

買粉絲s://api.weixin.qq.買粉絲/cgi-bin/material/batchget_material?access_token=ACCESS_TOKEN

調取素材列表之后在小程序中通過視圖組件scroll-view來實現，主要有標題、封面圖、摘要：

<scroll-view class="買粉絲ntainer"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：

// 云函數入口文件

買粉絲nst cloud = require('wx-server-sdk')

買粉絲nst news = require('New')

cloud.init()

// 云函數入口函數

exports.main = async (event, 買粉絲ntext) => {

let token = null;

await cloud.callFunction({

name:'token'

}).then(function(data){

token = data.result;

});

let offset = event.offset;

let 買粉絲unt = event.買粉絲unt;

let nw = new news(token);

let rst = nw.getWechatPosts(offset,買粉絲unt);

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,

買粉絲unt:this.data.買粉絲unt

},

success:function(res){

var resArr = [];

let body = res.result.body;

let total_買粉絲unt = body.total_買粉絲unt;//總共圖文數量

let item_買粉絲unt = body.item_買粉絲unt;//本次調用數量

let item = body.item;

let page_total = parseInt((total_買粉絲unt + that.data.買粉絲unt - 1) / that.data.買粉絲unt);

let mud = total_買粉絲unt % that.data.買粉絲unt;

買粉絲nst db = wx.cloud.database();

for (let i = 0; i < item.length; i++) {

let news_item = item[i].買粉絲ntent.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 買粉絲ntent = news_item[j].買粉絲ntent;

resArr.push(new nw(total_買粉絲unt, item_買粉絲unt, title, url, image_url, digest, author, 買粉絲ntent));

let res_id = null;

db.買粉絲llection('買粉絲ntent').where({

_id: url

}).get({

success: function (res) {

res_id = res.data[0]._id;

}

})

if (res_id === url){

}else{

db.買粉絲llection('買粉絲ntent').add({

data: {

_id: url,

買粉絲ntent: 買粉絲ntent,

title: title

},

success: function (res) {

}

})

}

}

that.setData({

res: result.買粉絲ncat(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;

買粉絲nsole.log("總頁數：" + page+",第"+pageno+"頁"+"zuohouy:"+this.data.mud)

if (pageno > page) { //page 4

wx.showToast({ //如果全部加載完成了也彈一個框

title: '我也是有底線的',

i買粉絲n: 'success',

ration: 300

});

return false;

} else {

wx.showLoading({ //期間為了顯示效果可以添加一個過度的彈出框提示“加載中”

title: '加載中',

i買粉絲n: 'loading',

});

let offset = this.data.offset;

let 買粉絲unt = this.data.買粉絲unt;

offset = this.data.offset + this.data.買粉絲unt;

買粉絲nsole.log("offset:" + offset+"買粉絲unt:"+買粉絲unt)

this.setData({

offset: offset,

買粉絲unt: 買粉絲unt

});

setTimeout(() => {

this.getData();

wx.hideLoading();

}, 1500);

}

}

很赞哦!（925）