获取openid失败:
进行“点饥铅击获取openid”测试失败,出现下图所示迹肢袜的提示,并且控制台会提示以下错误姿激信息:
VM86:1 [云函数] [login] 调用失败 Error: errCode: -404011 cloud function execution error | errMsg: cloud.callFunction:fail cloud function service error code -504002, error message Function not found: [login]at cloud.callFunction api
云端运行环境为 Node.js ,需要先在本地安装 Node.js 和 npm 才能顺利测试。同时还要在云函数目录下安装 wx-server-sdk 依赖:
npm install --save wx-server-sdk
详细内容参见官方文档 https://developers.weixin.qq.com/miniprogram/dev/wxcloud/reference-server-api/
直接忽略即可,并不会影响后续的云函数功能。成功安装依赖后,相应的云函数文件夹将生成一个 package-lock.json 文件。
微信小程序审核未通过,原因如下:
一个平平无奇的小程序,在一次段岁平平无奇的升级优化过程中,竟然审核未通过,很奇怪的是之前的升级过程中一直没有此问题!不握毕睁过,出了问题总要解决的,好在未通过原因中给出了解决办法:“可以调用小程序内容安全API,或使用其他技术”。既然小程序提供了现成的API,那就撸TA……
首先在微信小程序开发文档中搜索关键词: 内容安全 ,可以发现微信还是很人性化的,提供了 云调用 的调用方式来进行违法违规检查,不需要服务端的支持,这样对前端的同学还是非常友好的。 内容安全文档地址
开通云开发请参考微信官方文档: 云开发 。
开通云开发,默认使用 基础版1 ,如无特殊业务要求,使用此版本即可,是免费的哦~
云开发要求创建环境,留意此处的环境ID,在小程序调用云函数的时候会用到。
在小程序项目目录下新建云函数目录 cloudfunctions ,并在 project.config.json 中注册该目录,注册后该目录会显示有云图标,如图所示:
在云函数根目录下新建云函数 msgSecCheck ,云函数新建成功后,会生成固定的目录结构,如图所示:
在云函数中调用内容安全检查的API,并对结果进行处理。
根据官方文档要求:
在云函数 msgSecCheck 目录下新建 config.json 文件,配置云调用权限,如图所示:
完成后的云函数如果不上传并部署的话,小程序是无法调用的,所以云函数有改动的话, 务必及时上传并部署 。
小程序调用云函数,此处的 env 的值就是上文中说到的环境数亮ID, name 的值是新建的云函数的文件名。
至此,大功告成!
首先确认是否有相应的接口权限,这里主要用到获取素材相关的接口,可以看到对应接口文档,个人号还是有对应权限的。
在新增了永久素材后,开发者可以分类型获取永久素材的列表:
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 = 0i <item.lengthi++) {
let news_item = item[i].content.news_item
//单图文消息及多图文消息
for (let j = 0j <news_item.lengthj++) {
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({ //如果全部加载完成了也d一个框
title: '我也是有底线的',
icon: 'success',
duration: 300
})
return false
} else {
wx.showLoading({ //期间为了显示效果可以添加一个过度的d出框提示“加载中”
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)
}
}
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)