小程序云函数调用API接口的方法
本文实例为大家分享了小程序云函数调用API接口的具体代码,供大家参考,具体内容如下
以下例子是调用小程序官方的API,如何调用API来进行对内容的安全检测:
第一步:新建一个文件名为msgCheck的Node.js的云函数,安装相关依赖(wx-server-sdk、got)上传并部署,在该目录下的index.js文件编辑代码如下:
// 云函数入口文件 const cloud = require('wx-server-sdk') const got =require('got') let appid ='wx3879622dfa8bc582' let secret ='4428b0913c211f136c47127ccf444a7a' let msgCheckUrl ='https://api.weixin.qq.com/wxa/msg_sec_check?access_token=' //请求接口的链接 let tokenUrl ='https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid='+appid+'&secret='+secret //API入口凭证 cloud.init()//初始化 // 云函数入口函数 exports.main = async (event, context) => { let tokenResponse=await got(tokenUrl) let token = JSON.parse(tokenResponse.body).access_token let checkResponse= await got(msgCheckUrl+token,{ body:JSON.stringify({ content:event.text }) }) return checkResponse.body; }
第二步:通过按钮的点击事件提交相关内容进行检测,以下是页面的代码:
wxml页面代码:
<van-cell-group> <van-field bindinput='input' value="{{ inputtext }}" required clearable label="内容" icon="question-o" placeholder="请输入内容" bind:click-icon="onClickIcon" /> </van-cell-group> <van-button type="primary" bindtap='msgCheck'class='msg' >msgCheck</van-button>
js逻辑代码:
Page({ data: { inputtext: ' ' }, input: function(e) { this.inputtext = e.detail//把从页面传过来的input值赋值给inputtext变量 }, msgCheck: function(enevt) { wx.cloud.callFunction({ name: 'msgCheck',//调用的云函数名称 data: { text: this.inputtext//检测内容 } }).then(res => { console.log(JSON.parse(res.result)); }) } })
以下是效果图:
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
相关文章
javascript中localStorage本地存储(新增、删除、修改)使用详细教程
本地存储localstorage是一种在浏览器中存储数据的方式,可以将数据保存在用户的本地计算机上,以便在下一次访问网站时使用,下面这篇文章主要给大家介绍了关于javascript中localStorage本地存储(新增、删除、修改)使用详细教程,需要的朋友可以参考下2023-05-05浅谈javascript的call()、apply()、bind()的用法
这篇文章主要为大家详细介绍了javascript的call()、apply()、bind()的用法,探讨JavaScript中函数的一些特殊用法,感兴趣的小伙伴们可以参考一下2016-02-02JS函数报错Uncaught ReferenceError: XX is not
这篇文章主要介绍了JS函数报错Uncaught ReferenceError: XX is not defined问题及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-10-10微信小程序input、textarea层级过高穿透的问题解决
微信小程序原生组件camera、canvas、input、live-player、live、pusher、map、textarea、video的层级是最高的,那么如何解决微信小程序input、textarea层级过高穿透,本文就详细的介绍一下2021-11-11
最新评论