微信小程序图片与文字安全检测security.msgSecCheck和security.imgSecCheck

这篇具有很好参考价值的文章主要介绍了微信小程序图片与文字安全检测security.msgSecCheck和security.imgSecCheck。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

微信小程序线上版本涉及到内容发布评论等,就需要进行安全检测,否则官方会上传一些huang图等敏感信息,这样就对我们的小程序的运行非常的不友好。

微信小程序图片与文字安全检测security.msgSecCheck和security.imgSecCheck

一、security.msgSecCheck文字安全检测的使用

security.msgSecCheck | 微信开放文档 (qq.com)

由于我的项目使用的是云开发,所以我就演示下云函数中如何使用

//index.js中
//openid为用户的唯一标识,我是通过参数传递过来的。当然你也可以这样获取,更方便cloud.getWXContext().OPENID
//text为要检测的值
exports.main = async (event, context) => {
  const { openid, text } = event;
  try {
    const result = await cloud.openapi.security.msgSecCheck({
      openid,
      scene: 2,
      version: 2,
      content: text,
    });
    return result;
  } catch (err) {
    return err;
  }
};
//config.json中
{
	"permissions": {
		"openapi": [
			"security.msgSecCheck"
		]
	}
}
//js中
wx.cloud.callFunction({
          name: "定义的云函数名",
          data: {
            openid: '用户的openid',
            text: '要检测的值',
          },
        })
        .then((checkTextRes) => {
          const resultSuggest = checkTextRes.result.result.suggest;
          if(resultSuggest === 'pass') {
             console.log('通过')      
          }else {
             console.log('不通过') 
          }
        });

非常的简单,官方也提供了详细的文档。

二、security.imgSecCheck图片安全检测的使用

HTTPS 调用 | 微信开放文档 (qq.com)

这个的使用就相对来说比较有点繁琐了,要考虑的东西很多

//index.js中

const cloud = require("wx-server-sdk");
const axios = require("axios");
cloud.init({ env: cloud.DYNAMIC_CURRENT_ENV }); // 使用当前云环境

// 云函数入口函数
exports.main = async (event, context) => {
  let buffer = null;
  //通过这个请求拿到图片的arraybuffer流,因为检测图片使用的是arraybuffer
  await axios({
    method: "get",
    url: event.imgData, // imgData是刚才传过来的
    responseType: "arraybuffer",
    headers: { "Content-Type": "*" },
  }).then((res) => {
    buffer = res.data;
  });

  try {
    var result = await cloud.openapi.security.imgSecCheck({
      media: {
        contentType: "image/png",
        value: Buffer.from(buffer),
      },
    });
    return result;
  } catch (err) {
    return err;
  }
};
//config.json
{
	"permissions": {
		"openapi": [
			"security.imgSecCheck"
		]
	}
}
//js中
    wx.cloud
      .callFunction({
        name: "云函数名称",
        data: {
        //使用wx.cloud.CDN避免传输的图片过大
          imgData: wx.cloud.CDN({
            type: "filePath",
            filePath: '选择的图片的路径',
          }),
        },
      })
      .then((res) => {
        if (res.result.errCode === 87014) {
          wx.showToast({
            title: "图片可能违规,请仔细检查后再试!",
            icon: "none",
            duration: 5000,
          });
        } else {
          wx.showToast({
            title: "图片检测通过",
            icon: "none",
            duration: 1000,
          })
        }
      });

其实还挺简单的,就是细节比较多,当时做的时候踩了一堆坑,所以发一下,大家就避免少踩坑了文章来源地址https://www.toymoban.com/news/detail-412337.html

到了这里,关于微信小程序图片与文字安全检测security.msgSecCheck和security.imgSecCheck的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序布局图片上面显示文字

     博主介绍: 本人专注于Android/java/数据库/微信小程序技术领域的开发,以及有好几年的计算机毕业设计方面的实战开发经验和技术积累;尤其是在安卓(Android)的app的开发和微信小程序的开发,很是熟悉和了解;本人也是多年的Android开发人员;希望我发布的此篇文件可以帮

    2023年04月08日
    浏览(41)
  • 微信小程序布局图片上面显示文字以及文字水平垂直居中

     博主介绍: 本人专注于Android/java/数据库/微信小程序技术领域的开发,以及有好几年的计算机毕业设计方面的实战开发经验和技术积累;尤其是在安卓(Android)的app的开发和微信小程序的开发,很是熟悉和了解;本人也是多年的Android开发人员;希望我发布的此篇文件可以帮

    2024年02月14日
    浏览(50)
  • 微信小程序实现左边图片右边文字效果

     博主介绍: 本人专注于Android/java/数据库/微信小程序技术领域的开发,以及有好几年的计算机毕业设计方面的实战开发经验和技术积累;尤其是在安卓(Android)的app的开发和微信小程序的开发,很是熟悉和了解;本人也是多年的Android开发人员;希望我发布的此篇文件可以帮

    2024年02月01日
    浏览(95)
  • PHP 合并图片,微信小程序合并海报,合并文字

    //业务需求:我们需要一个微信小程序码,但是是需要提供给别人扫码的但是只有一个纯粹的小程序码是不好看的,所以需要推广的海报图片。再结合文字   最终效果     准备工作  1、需要海报的底图  2、小程序码的图片  代码部分结合YII2但不影响使用 完整过程 第一步:

    2024年02月08日
    浏览(67)
  • uniapp微信小程序连接蓝牙打印机 打印文字、图片

    首先感谢几位的文章分享 https://blog.csdn.net/guairena/article/details/127941515 https://blog.csdn.net/qq_37970097/article/details/119148707 效果图: 使用的是 芝柯cc3 蓝牙打印机, 我这里没有存储蓝牙设备相关信息。所以每次打印都会重新初始化并搜索设备,储存相关的代码下面也有,所以代码部分

    2024年02月13日
    浏览(72)
  • 小程序安全检测(一)

    1、 明文或弱加密传输用户名、密码和验证码等敏感信息 整改优先级 :高 问题描述 : 用户登录过程中,在与服务器端交互时明文或弱加密传输用户名、密码或者验证码等,可导致用户敏感信息泄露。 检测方法 : 利用burpsuite对被测应用进行监听,点击登录或修改密码,请求

    2024年02月09日
    浏览(46)
  • uniapp中使用canvas,在微信小程序中实现图片缩放移动涂鸦文字

    最近需要一个功能,在微信中编辑图片,实现对图片的涂鸦、加文字、缩放、移动,以下基本能实现该功能。 uniapp中使用画布,实现图片的编辑-批量批改图片 1.初始化画布图片,图片是网络图片,非本地图片,所以需要先获取图片信息,直接使用uni.getImageInfo(如果是本地图

    2024年04月14日
    浏览(63)
  • uni-app(微信小程序)图片旋转放缩,文字绘制、海报绘制

    总结一下: 要进行海报绘制离不开canvas,我们是先进行图片,文字的拖拽、旋转等操作 最后再对canvas进行绘制,完成海报绘制。 背景区域设置为 position: relative,方便图片在当前区域中拖动等处理。 添加图片,监听图片在背景区域下的 touchstart touchmove touchend 事件 拖动图片,

    2024年02月09日
    浏览(69)
  • 微信小程序 居中、居右、居底和横向、纵向布局,文字在图片中间,网格布局

    微信小程序居中、居右、横纵布局 1、水平垂直居中(相对父类控件) 方式一:水平垂直居中 父类控件:   //注意:这里的 height 写 100%会使得垂直居中可能会不生效 可能会有兼容问题 方式二:水平垂直居中(方式二推荐) 父类控件:position: relative; 子类控件: 方式三:水

    2024年02月14日
    浏览(59)
  • 微信小程序 图片上传与内容安全审核

    之前有开发一个微信小程序,拥有图片上传的功能,上线运行后一直表现良好,用户渐渐增多。 但突然有一天,收到一个系统消息:提示我小程序存在内容安全风险,缺乏对不法违规内容的过滤机制,需要整改,消息如下图: 该消息是安全风险警告,需要限期内进行整改调

    2024年01月16日
    浏览(56)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包