小程序云函数调用API接口的方法


Posted in Javascript onMay 17, 2019

本文实例为大家分享了小程序云函数调用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));
 })
 }
})

以下是效果图:

小程序云函数调用API接口的方法

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
常用参考资料(手册)下载或者链接
Jul 22 Javascript
利用json获取字符出现次数的代码
Mar 22 Javascript
一个简单的网站访问JS计数器 刷新1次加1次访问
Sep 20 Javascript
用正则表达式替换图片地址img标签
Nov 22 Javascript
Javascript中的String对象详谈
Mar 03 Javascript
javascript实现获取服务器时间
May 19 Javascript
js命名空间写法示例
Dec 18 Javascript
基于jQuery实现多标签页切换的效果(web前端开发)
Jul 24 Javascript
jQuery实现简易的输入框字数计数功能示例
Jan 16 Javascript
jQuery滚动监听实现商城楼梯式导航效果
Mar 06 Javascript
Angular.JS中的指令引用template与指令当做属性详解
Mar 30 Javascript
微信小程序实现弹幕墙(祝福墙)
Nov 18 Javascript
JS实现的检验身份证格式并输出出生日期,年龄,性别,出生地示例
May 17 #Javascript
微信小程序云开发之使用云函数
May 17 #Javascript
jQuery实现的鼠标拖动画矩形框示例【可兼容IE8】
May 17 #jQuery
微信小程序云开发之使用云数据库
May 17 #Javascript
微信小程序云开发之使用云存储
May 17 #Javascript
vue-cli3 配置开发与测试环境详解
May 17 #Javascript
AngularJS实现的鼠标拖动画矩形框示例【可兼容IE8】
May 17 #Javascript
You might like
实用函数8
2007/11/08 PHP
php实现检查文章是否被百度收录
2015/01/27 PHP
win10环境PHP 7 安装配置【教程】
2016/05/09 PHP
php通过两层过滤获取留言内容的方法
2016/07/11 PHP
JQuery扩展插件Validate—6 radio、checkbox、select的验证
2011/09/05 Javascript
jquery实现固定顶部导航效果(仿蘑菇街)
2013/03/21 Javascript
javascript 数字格式化输出的实现代码
2013/12/10 Javascript
jQuery实现响应鼠标滚动的动感菜单效果
2015/09/21 Javascript
JS DOMReady事件的六种实现方法总结
2016/11/23 Javascript
Vue组件实例间的直接访问实现代码
2017/08/20 Javascript
Angular2 组件交互实例详解
2017/08/24 Javascript
Angular将填入表单的数据渲染到表格的方法
2017/09/22 Javascript
iview table高度动态设置方法
2018/03/14 Javascript
jQuery中复合选择器简单用法示例
2018/03/31 jQuery
微信小程序 确认框的实现(附代码)
2019/07/23 Javascript
Vue利用localStorage本地缓存使页面刷新验证码不清零功能的实现
2020/09/04 Javascript
vue 公共列表选择组件,引用Vant-UI的样式方式
2020/11/02 Javascript
Nuxt 嵌套路由nuxt-child组件用法(父子页面组件的传值)
2020/11/05 Javascript
python密码错误三次锁定(实例讲解)
2017/11/14 Python
TensorFlow 多元函数的极值实例
2020/02/10 Python
关于Django Models CharField 参数说明
2020/03/31 Python
python 在threading中如何处理主进程和子线程的关系
2020/04/25 Python
使用pyecharts1.7进行简单的可视化大全
2020/05/17 Python
解决Python paramiko 模块远程执行ssh 命令 nohup 不生效的问题
2020/07/14 Python
pycharm如何设置官方中文(如何汉化)
2020/12/29 Python
Tretorn美国官网:瑞典外套和鞋类品牌,抵御风雨
2018/07/19 全球购物
俄罗斯护发和专业化妆品购物网站:Hihair
2019/09/28 全球购物
勤俭节约倡议书
2014/04/14 职场文书
初中生操行评语大全
2014/04/24 职场文书
社区端午节活动总结
2015/02/11 职场文书
离婚律师函范本
2015/05/27 职场文书
丧事酒宴答谢词
2015/09/30 职场文书
python必学知识之文件操作(建议收藏)
2021/05/30 Python
html css3不拉伸图片显示效果
2021/06/07 HTML / CSS
OpenCV-Python模板匹配人眼的实例
2021/06/08 Python
UNION CREATIVE《Re:从零开始的异世界生活》雷姆手办
2022/03/20 日漫