小程序云函数调用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 相关文章推荐
让你的博客飘雪花超出屏幕依然看得见
Jan 04 Javascript
一个JavaScript去除字符串末尾的空白实例代码
Sep 22 Javascript
Javascript删除指定元素节点的方法
Jun 21 Javascript
AngularJS $injector 依赖注入详解
Sep 14 Javascript
JS图片左右无缝隙滚动的实现(兼容IE,Firefox 遵循W3C标准)
Sep 23 Javascript
webstorm添加vue.js支持的方法教程
Jul 05 Javascript
微信小程序movable view移动图片和双指缩放实例代码
Aug 08 Javascript
基于jQuery的表单填充实例
Aug 22 jQuery
video.js 实现视频只能后退不能快进的思路详解
Aug 09 Javascript
vue-cli2打包前和打包后的css前缀不一致的问题解决
Aug 24 Javascript
React如何解决fetch跨域请求时session失效问题
Nov 02 Javascript
JavaScript实现两个数组的交集
Mar 25 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 $_FILES函数详解
2011/03/09 PHP
利用PHP实现短域名互转
2013/07/05 PHP
php函数间的参数传递(值传递/引用传递)
2013/09/23 PHP
smarty模板引擎中自定义函数的方法
2015/01/22 PHP
PHP中通过trigger_error触发PHP错误示例
2015/06/23 PHP
Yii框架防止sql注入,xss攻击与csrf攻击的方法
2016/10/18 PHP
使用git迁移Laravel项目至新开发环境的步骤详解
2020/04/06 PHP
PHP实现腾讯短网址生成api接口实例
2020/12/08 PHP
JS类定义原型方法的两种实现的区别评论很多
2007/09/12 Javascript
JS启动应用程序的一个简单例子
2008/05/11 Javascript
javascript操作JSON的要领总结
2012/12/09 Javascript
Web跨浏览器进程通信(Web跨域)
2013/04/17 Javascript
基于jquery animate操作css样式属性小结
2015/11/27 Javascript
在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口的方法
2016/08/05 Javascript
js a标签点击事件
2017/03/30 Javascript
微信小程序wx.navigateTo中events属性实现页面间通信传值,数据同步
2019/07/13 Javascript
使用axios发送post请求,将JSON数据改为form类型的示例
2019/10/31 Javascript
微信小程序 this.triggerEvent()的具体使用
2019/12/10 Javascript
vue组件添加事件@click.native操作
2020/10/30 Javascript
Python贪吃蛇游戏编写代码
2020/10/26 Python
python计算列表内各元素的个数实例
2018/06/29 Python
pyqt5、qtdesigner安装和环境设置教程
2019/09/25 Python
Python zip函数打包元素实例解析
2019/12/11 Python
Django查询优化及ajax编码格式原理解析
2020/03/25 Python
浅析图片上传及canvas压缩的流程
2020/06/10 HTML / CSS
俄罗斯电子产品、计算机和家用电器购物网站:OLDI
2019/10/27 全球购物
异常和异常类的概念
2014/09/12 面试题
Lucene推荐的分页方式是什么?
2015/12/07 面试题
高一政治教学反思
2014/01/28 职场文书
关于旷工的检讨书
2014/02/02 职场文书
互联网创业计划书写作技巧攻略
2014/03/23 职场文书
2014医学院领导干部四风对照检查材料思想汇报
2014/09/16 职场文书
社区端午节活动总结
2015/02/11 职场文书
企业百日安全活动总结
2015/05/07 职场文书
教你怎么用Python监控愉客行车程
2021/04/29 Python
浅谈Python中对象是如何被调用的
2022/04/06 Python