前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >WxComment评论组件接入评论内容安全检测

WxComment评论组件接入评论内容安全检测

作者头像
薛定喵君
发布2021-01-26 16:20:51
1.2K0
发布2021-01-26 16:20:51
举报
文章被收录于专栏:薛定喵君

记录下如何为小程序评论组件添加内容安全检测功能

最近打算为之前做的小程序增加评论功能,提交审核被拒,理由是存在信息安全风险

于是就需要修改 WxComment 组件增加检测功能了。

修改方法如下:

# 增加云函数

参照官方文档 增加内容检测云函数

代码语言:javascript
复制
const cloud = require('wx-server-sdk')
cloud.init()
exports.main = async (event, context) => {
  try {
    const res = await cloud.openapi.security.msgSecCheck({
      content: event.inputText,
    })
    return res
  } catch (err) {
    return err
  }
}

注意在函数根目录增加 config.json 设置 security.msgSecCheck 云调用权限

代码语言:javascript
复制
{
    "permissions": {
        "openapi": [
            "security.msgSecCheck"
        ]
    }
}

package.json内容

代码语言:javascript
复制
{
  "name": "msg_check",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "wx-server-sdk": "latest"
  }
}

然后创建并部署云函数即可。

# 修改评论组件

找到 WxComment/component/WxComment/WxComment.js 文件

  1. 在 bindFormSubmit 方法前追加如下方法:
代码语言:javascript
复制
async checkMsg(content) {
    try {
        var res = await wx.cloud.callFunction({
            name: 'msg_check',
            data: {
            content: content,
            }
        });
        if (res.result.errCode == 0)
            return true;
        return false;
    } catch (err) {
        console.log(err);
        return false;
    }
},
  1. bindFormSubmit 函数前增加 async 关键字,如下:
代码语言:javascript
复制
async bindFormSubmit(e)
  1. 修改 bindFormSubmit 函数,在判断内容长度的后面追加如下代码
代码语言:javascript
复制
let checkOk = await that.checkMsg(e.detail.value.comment_text);
if(!checkOk){
  wx.showToast({
    title: '内容含有违法违规内容',
    icon: 'none',
    duration: 2000
  })
  return;
}
  1. 项目本地设置中开启增强编译

# 内容检测测试

# 参考资料

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021/01/19 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • # 增加云函数
  • # 修改评论组件
  • # 内容检测测试
  • # 参考资料
相关产品与服务
应用安全开发
应用安全开发(Application Security Development,下文中也叫 Xcheck)为您提供优质的代码分析服务。Xcheck 凭借优秀的算法和工程实现,能在极低的误报率和漏报率前提下,以极快的速度发现代码中存在的安全漏洞。Xcheck 采用私有化部署的模式,所以产品使用的整个生命周期,源码都不会流出公司网络,杜绝源码泄露风险。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档