小程序云开发添加内容审核和图片审核
小程序云开发添加内容审核和图片审核
本文介绍
对于小程序涉及信息的发布操作情景,小程序官方提供了内容审核 接口,本文是来学习审核接口的使用。
内容的审核有很多的实现方式,本次采用的是小程序自带的云函数进行实现的,因为微信提供的审核接口是免费的(内心os:免费真爽~~),所以审核的效果可能没有你去花钱来的好,但是免费的不用白不用(一般小程序上线有涉及用户主动的发布信息的功能都需要加内容审核,不然你的小程序都不能过审,而且内容审核用这个免费就行),如何验证审核是否起效,辱骂色情内容查不出来,但是有国家领导人的名字会百分百命中!图片也是一样的!
本文分为两个板块进行编写,方便大家的查看~
文本内容审核
文本审核效果图
来到微信小程序的官方文档
1. 首先需要创建一个基于云开发的小程序项目(我相信做内容审核应该都是会基本的小程序操作的,实在不会就面向百度编程)
2. 创建一个云函数,名字随意,我这里叫 contentCheck
3. 在云函数目录下的config.json文件中配置 “security.msgSecCheck”
config.json为如下配置
{"permissions": {"openapi": ["security.msgSecCheck"]}
}
云函数目录下的index.js编写为如下
const cloud = require('wx-server-sdk')
cloud.init({env: cloud.DYNAMIC_CURRENT_ENV}
)
/*** 文本审核云函数*/
exports.main = async (event, context) => {//获取文本内容 const {content} = eventtry {//调用文本审核接口并返回接口return await cloud.openapi.security.msgSecCheck({content: content}) } catch (error) {return error}
}
核心的功能已经写完了,现在需要去调用(这里主要是用于展示,没有去进行美化,小盆友们可以根据自身要求去美化)
在pages目录下创建一个page,我这里创建的名字是contentCheck
contentCheck.wxml
<form bindsubmit="checkContent"><input name="content" type="text" style="border: 1rpx solid black;"></input><button type="warn" plain="true" size="mini" form-type="submit">检查内容</button>
</form>
contentCheck.js
Page({ checkContent(e){//获取文本内容const {content} = e.detail.valuewx.showLoading({title: '正在审核。。。',})//调用云函数进行审核wx.cloud.callFunction({name: 'contentCheck' ,data:{'content': content} }).then(res=>{wx.hideLoading()//获取状态码 0 》》》正常 87014》》》违规const {errCode} = res.resultif(errCode != 0){wx.showModal({title: '违规提示',content: '输入的内容违规',showCancel: false,confirmColor: '#DC143C'})}else{wx.showModal({title: '提示',content: '内容正常',showCancel: false,confirmColor: '#008080'})} }) }
})
图片审核
图片审核效果图
选择的第二张违规图片大家自行体会,网上应该不难找~(没有恶意,用于验证和学习,求放过!)
查看图片审核的文档
老规矩,先去小程序的 官方文档 瞅两眼
我们发现和文本审核的内容大同小异,都是支持云调用的,配置的也是差不多的,就是调用的属性参数略有不同,对于value属性的Buffer流参数是一个需要注意的地方!
看完效果图和注意事项就准备开淦了
- 和上面的步骤一样,首先需要创建一个云函数,这里我叫imgCheck
- 然后在云函数目录下的config.json文件中添加配置 “security.imgSecCheck”
config.json
{"permissions": {"openapi": ["security.imgSecCheck"]}
}
云函数imgCheck的index.js
const cloud = require('wx-server-sdk')
cloud.init({env: cloud.DYNAMIC_CURRENT_ENV
})
/*** 图片审核*/
exports.main = async (event, context) => {//获取buffer流const {buffer} = eventtry {//调用imgSecCheck接口return await cloud.openapi.security.imgSecCheck({media:{//按照要求填写属性参数 contentType: 'image/png',value: Buffer.from(buffer)}}) } catch (error) {return error}
}
到这里图片审核的功能就写完了,下面是我的调用方式,请根据自身要求进行修改,供参考!
还是在 contentCheck 页面进行修改
contentCheck.wxml
<button type="primary" plain="true" size="mini" bindtap="imgCheck">图片审核</button>
contentCheck.js
imgCheck(){wx.chooseImage({success: (res)=>{ wx.showLoading({title: '图片审核。。。',})//获取图片的临时路径const tempFilePaths = res.tempFilePaths[0]//使用getFileSystemManager获取图片的Buffer流wx.getFileSystemManager().readFile({filePath: tempFilePaths, success: (res)=>{ const buffer = res.data//调用云函数进行审核wx.cloud.callFunction({name: 'imgCheck', data:{'buffer': buffer} }).then(res=>{wx.hideLoading()//存在违规if(res.result.errCode != 0){wx.showModal({title: '违规提示',content: '图片违规',showCancel: false,confirmColor: '#DC143C'})}else{wx.showModal({title: '提示',content: '图片正常',showCancel: false,confirmColor: '#008080'})}})}})}, })}
小程序的文本审核和图片审核到这里就结束了,写的比较粗狂,有什么问题可以评论告诉我!看到一定回复!
生命不息,编程不止!奥利给!!!
小程序云开发添加内容审核和图片审核相关推荐
- 使用小程序云开发添加背景音乐
使用小程序云开发添加背景音乐且实现后台播放 在网上看了很多种方法,有一些对浏览器有一定的要求,于是懒癌患者想出了另一种办法 首先,要在小程序里添加音频,需要在js里写一段代码: (此方法来自微信官方h ...
- 小程序云开发上传及使用图片
推荐一个不错的学习资料库 小程序云开发上传及使用图片 .wxml <view class="img-view"><view class="show&qu ...
- 微信小程序云开发CMS内容管理平台csv上传乱码或失败的解决方法
一.新建Excel并编辑数据: 二.Excel 编辑好后另存为csv文件(直接导入微信小程序云开发数据库会出现中文乱码): 三.csv文件直接改后缀名为.txt,然后用记事本打开(如首行出现空字段需删 ...
- 关于微信小程序云开发---实现客服自动回复图片例子
关于微信小程序云开发-实现客服自动回复例子 微信自带的云开发功能使前端工程师可以独立的开发出一款小程序,微信自带的云开发. 首先和开发其他平台的项目一样先看官方文档. 微信小程序开放文档 一. 什么是 ...
- 微信小程序-云开发上传文件、图片
文章目录 一.前言 二.功能简介 1.选择微信聊天记录中的文件 2.选择本地相册/拍照图片 3.上传功能 三.实现代码 1.选择聊天文件函数(js) 2.选择相册函数(js) 3.上传文件函数(js) ...
- 小程序云开发教程七:贴子的详情及评论功能
我们先看看界面: 我们如果要实现评论功能, 先看一下总的数据结构: 那么需要什么参数呢? 参数如下 comment: 评论内容username: 用户名time: 评论时间userId: 用户idid ...
- “小程序 · 云开发”重磅上线,让小程序开发更高效!
近日,"小程序 · 云开发"解决方案正式上线,该方案可以为小程序开发者提供完整的云端支持. 通过简化复杂的后端和运维操作,让即便不具备一定后端知识的开发者,也能高效开发出一款高质量 ...
- node.js 微信小程序 部署服务器_微信小程序云开发环境部署,及添加数据
点击蓝字 关注我们 今天在漫无目的逛CSDN的时候,一篇关于微信公众号云开发的文章引起了我的注意.据介绍,小程序云开发简称tcb,是腾讯爸爸给我们提供的基于腾讯云的云服务器.目前云开发已包含云数据库, ...
- 微信开发小程序云开发云存储中文件下载地址实时读取文件内容实时下载地址解读
微信开发小程序云开发云存储中文件下载地址解读 最近公司要我开发一款具备电子签名功能的微信小程序,虽然我是Android开发程序员,但...老总要求了那我就去做呗,好在微信小程序还算入门容易,网上有很多 ...
最新文章
- ​Openresty最佳案例 | 第8篇:RBAC介绍、sql和redis模块工具类
- 【Java设计模式】策略模式
- WPF#39;s Style BasedOn
- 吴恩达深度学习笔记9-Course3-Week2【机器学习策略(ML Strategy)2】
- [Drupal] How to get the real path of a node, no matter it is a path or a url alias
- 【课后习题】数值计算方法期末复习
- Chrome 更新导致部分 macOS 的文件系统损坏,无法重启
- 【备忘录】创建自己的消息映射
- MySQL数据库安装、初始化及修改密码
- 【论文笔记】Rich feature hierarchies for accurate object detection and semantic segmentation
- java反编译工具那个好用_Java反编译工具有哪些,Java反编译工具好用推荐
- 黑马python培训视频网盘下载_黑马课堂大数据全套视频课程百度云下载
- three.js黑洞穿越动画js特效
- 1.Modbus通信协议-什么是Modbus?
- 判断IP是否在IP段内
- 什么情况下你会毫不犹豫地辞职?
- 美素将进入中国空间站,以太空科技打造“国货之光”
- html 自动排序表格,表格排序.html
- greenDao框架浅入深出
- 穿搭网在线头像试衣间
热门文章
- 2021年中国钢化安全玻璃进出口情况分析:进口均价持续下跌,价差降至0.3美元/千克[图]
- js操作元素:改变元素内容有两种方式: interText 和 innerHTML的区别, 常用的元素的属性操作, 仿电脑系统时间问好 ,表单元素的属性操作 ,案例:仿京东显示隐藏密码 ,样式属性操作
- keras 整理之 Layers
- uva227题解zyq_198
- PAT乙级B1089 狼人杀-简单版 (20 分)
- Flink学习1-基础概念
- 点亮人生技能树:《斜杠青年》
- sqlserver中,insert into XXX values(N'xxx'),这里N的意思!
- EVE关联SecureCRT
- 网络劫持http劫持防范手段