小程序云函数调用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 相关文章推荐
js操作时间(年-月-日 时-分-秒 星期几)
Jun 20 Javascript
ExtJS4 Grid改变单元格背景颜色及Column render学习
Feb 06 Javascript
js中的数组Array定义与sort方法使用示例
Aug 29 Javascript
Js保留小数点的4种效果实现代码分享
Apr 12 Javascript
angularjs中的单元测试实例
Dec 06 Javascript
Jquery中request和request.form和request.querystring的区别
Nov 26 Javascript
详解jQuery插件开发方式
Nov 22 Javascript
如何通过非数字与字符的方式实现PHP WebShell详解
Jul 02 Javascript
Angular2.0实现modal对话框的方法示例
Feb 18 Javascript
JavaScript实现抖音罗盘时钟
Oct 11 Javascript
解决nuxt 自定义全局方法,全局属性,全局变量的问题
Nov 05 Javascript
在js中修改html body的样式
Nov 11 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跨域cookie共享使用方法
2014/02/20 PHP
ThinkPHP框架搭建及常见问题(XAMPP安装失败、Apache/MySQL启动失败)
2016/04/15 PHP
PHP实现根据数组的值进行分组的方法
2017/04/20 PHP
yii2局部关闭(开启)csrf的验证的实例代码
2017/07/10 PHP
Tips 带三角可关闭的文字提示
2010/10/06 Javascript
原生javascript获取元素样式属性值的方法
2010/12/25 Javascript
原生js ActiveXObject获取execl里面的值
2013/11/01 Javascript
JS实现字体选色板实例代码
2013/11/20 Javascript
基于JQuery实现分隔条的功能
2016/06/17 Javascript
Angular.JS中的this指向详解
2017/05/17 Javascript
Javascript实现的StopWatch功能示例
2017/06/13 Javascript
JS事件流与事件处理程序实例分析
2019/08/16 Javascript
vue如何使用外部特殊字体的操作
2020/07/30 Javascript
浅谈javascript如何获取文件后缀名
2020/08/07 Javascript
vue实现图书管理系统
2020/12/29 Vue.js
从零学python系列之数据处理编程实例(二)
2014/05/22 Python
使用Python脚本将文字转换为图片的实例分享
2015/08/29 Python
Python文件的读写和异常代码示例
2017/10/31 Python
Python使用min、max函数查找二维数据矩阵中最小、最大值的方法
2018/05/15 Python
pytorch获取vgg16-feature层输出的例子
2019/08/20 Python
NumPy排序的实现
2020/01/21 Python
Python爬虫爬取电影票房数据及图表展示操作示例
2020/03/27 Python
TensorFlow2.1.0安装过程中setuptools、wrapt等相关错误指南
2020/04/08 Python
python工具——Mimesis的简单使用教程
2021/01/16 Python
Casetify官网:自制专属手机壳、iPad护壳和Apple Watch手表带
2018/05/09 全球购物
销售人员中英文自荐信
2013/09/22 职场文书
物业管理应届生求职信
2013/10/28 职场文书
公司出纳岗位职责
2013/12/07 职场文书
大学本科毕业生求职信范文
2013/12/18 职场文书
党员的自我评价范文
2014/01/02 职场文书
青年创业培训欢迎词
2014/01/10 职场文书
投标文件签署授权委托书范本
2014/10/12 职场文书
2014年村官工作总结
2014/11/24 职场文书
2015年数学教师工作总结
2015/05/20 职场文书
丧事主持词
2015/07/02 职场文书
python实现三次密码验证的示例
2021/04/29 Python