買粉絲內文章生成二維碼步驟:
所需材料:買粉絲、買粉絲小程序、榮耀8X手機。
一、首先打開該文章,然后點擊右上角的“選項”。
二、彈出的菜單內點擊“復制鏈接”。
三、接著回到買粉絲主界面,點擊頂部的“搜索”。
四、搜索“二維碼生成器小程序”,搜索的結果內點擊下圖所標小程序。
五、進入該小程序后,點擊“生成二維碼”。
六、在“二維碼內容”內粘貼入之前文章的鏈接,最后點擊“生成二維碼”即可。
在買粉絲買粉絲文章中插入小程序的具體步驟如下:我們需要準備的材料分別是:電腦、買粉絲、小程序
1、首先我們登錄買粉絲,點擊打開左下角的“小程序管理”
2、然后我們在彈出來的窗口中點擊選擇“添加”
3、然后我們打開買粉絲文章,點擊打開右上角的“小程序”,之后點擊選擇加入的小程序即可
首先確認是否有相應的接口權限,這里主要用到獲取素材相關的接口,可以看到對應接口文檔,個人號還是有對應權限的。
在新增了永久素材后,開發者可以分類型獲取永久素材的列表:
1、獲取永久素材的列表,也包含買粉絲在公眾平臺官網素材管理模塊中新建的圖文消息、語音、視頻等素材 。
2、臨時素材無法通過本接口獲取。
3、調用該接口需買粉絲s協議。
實現的邏輯還是比較簡單的,具體分兩個步驟:
1、獲取買粉絲的access_token
獲取買粉絲的access_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;//本次調用數量