小程序云函数调用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 相关文章推荐
Web前端设计模式  制作漂亮的弹出层
Oct 29 Javascript
两个多选select(multiple左右)添加、删除选项和取值实例
May 12 Javascript
jQuery使用slideUp方法实现控制元素缓慢收起
Mar 27 Javascript
javascript控制台详解
Jun 25 Javascript
JS组件Bootstrap Table布局详解
May 27 Javascript
jquery根据td给相同tr下其他td赋值的实现方法
Oct 05 Javascript
js中DOM三级列表(代码分享)
Mar 20 Javascript
详解Vue的钩子函数(路由导航守卫、keep-alive、生命周期钩子)
Jul 24 Javascript
微信小程序搭建(mpvue+mpvue-weui+fly.js)的详细步骤
Sep 18 Javascript
小程序关于请求同步的总结
May 05 Javascript
layui关闭弹窗后刷新主页面和当前更改项的例子
Sep 06 Javascript
JS异步宏队列微队列原理详解
Sep 09 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
PHP中余数、取余的妙用
2015/06/29 PHP
怎样搭建PHP开发环境
2015/07/28 PHP
thinkphp5实现微信扫码支付
2019/12/23 PHP
JavaScript中的View-Model使用介绍
2011/08/11 Javascript
使用JavaScript动态设置样式实现代码(2)
2013/01/25 Javascript
jQuery教程 $()包装函数来实现数组元素分页效果
2013/08/13 Javascript
Bootstrap学习笔记之css样式设计(2)
2016/06/07 Javascript
JavaScript实现垂直向上无缝滚动特效代码
2016/11/23 Javascript
Bootstrap基本插件学习笔记之Popover提示框(19)
2016/12/08 Javascript
Vue自定义指令拖拽功能示例
2017/02/17 Javascript
Bootstrap组件之下拉菜单,多级菜单及按钮布局方法实例
2017/05/25 Javascript
pm2 部署 node的三种方法示例
2017/10/20 Javascript
基于Vue插入视频的2种方法小结
2019/04/02 Javascript
JavaScript实现PC端四格密码输入框功能
2020/02/19 Javascript
[55:25]VGJ.T vs Optic Supermajor小组赛D组 BO3 第三场 6.3
2018/06/04 DOTA
Python中的闭包实例详解
2014/08/29 Python
分析在Python中何种情况下需要使用断言
2015/04/01 Python
python实现合并两个数组的方法
2015/05/16 Python
python爬取指定微信公众号文章
2018/12/20 Python
使用python的pexpect模块,实现远程免密登录的示例
2019/02/14 Python
python中使用ctypes调用so传参设置遇到的问题及解决方法
2019/06/19 Python
Python如何筛选序列中的元素的方法实现
2019/07/15 Python
python 如何将数据写入本地txt文本文件的实现方法
2019/09/11 Python
python实现udp聊天窗口
2020/03/31 Python
keras实现VGG16方式(预测一张图片)
2020/07/07 Python
HTML5在canvas中绘制复杂形状附效果截图
2014/06/23 HTML / CSS
Gerry Weber德国官网:优质女性时装,德国最大的时装公司之一
2019/11/02 全球购物
化工专业推荐信范文
2013/11/28 职场文书
《黄河颂》教学反思
2014/02/07 职场文书
服务标兵事迹材料
2014/05/04 职场文书
环保宣传标语
2014/06/12 职场文书
乡镇民主生活会发言材料
2014/10/20 职场文书
2014最新自愿离婚协议书范本
2014/11/19 职场文书
党员读书活动心得体会
2016/01/14 职场文书
浅谈Python从全局与局部变量到装饰器的相关知识
2021/06/21 Python
Java9新特性对HTTP2协议支持与非阻塞HTTP API
2022/03/16 Java/Android