小程序云函数调用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 相关文章推荐
使用JQUERY Tabs插件宿主IFRAMES
Jan 01 Javascript
js实现类似MSN提示的页面效果代码分享
Aug 24 Javascript
JQuery实现动态操作表格
Jan 11 Javascript
canvas知识总结
Jan 25 Javascript
最常见和最有用的字符串相关的方法详解
Feb 06 Javascript
基于JavaScript实现拖动滑块效果
Feb 16 Javascript
浅谈用Webpack路径压缩图片上传尺寸获取的问题
Feb 22 Javascript
解决vue 中 echart 在子组件中只显示一次的问题
Aug 07 Javascript
Node.js操作系统OS模块用法分析
Jan 04 Javascript
vue-cli配置全局sass、less变量的方法
Jun 06 Javascript
jQuery实现简单QQ聊天框
Aug 27 jQuery
JavaScript高级程序设计之变量与作用域
Nov 17 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
sourcesafe管理phpproj文件的补充说明(downmoon)
2009/04/11 PHP
PHP 防恶意刷新实现代码
2010/05/16 PHP
destoon会员注册提示“数据校验失败(2)”解决方法
2014/06/21 PHP
浅谈PHP中的Trait使用方法
2019/03/22 PHP
laravel 数据验证规则详解
2019/10/23 PHP
boxy基于jquery的弹出层对话框插件扩展应用 弹出层选择器
2010/11/21 Javascript
setTimeout()与setInterval()方法区别介绍
2013/12/24 Javascript
jQuery获取URL请求参数的方法
2015/07/18 Javascript
javascript 小数乘法结果错误的处理方法
2016/07/28 Javascript
javascript创建含数字字母的随机字符串方法总结
2016/08/01 Javascript
Jquery uploadify 多余的Get请求(404错误)的解决方法
2017/01/26 Javascript
详解NODEJS的http实现
2018/01/04 NodeJs
详解Vue内部怎样处理props选项的多种写法
2018/11/06 Javascript
vue 实现左右拖拽元素并且不超过他的父元素的宽度
2018/11/30 Javascript
vue实现将一个数组内的相同数据进行合并
2019/11/07 Javascript
Python中replace方法实例分析
2014/08/20 Python
用Python从零实现贝叶斯分类器的机器学习的教程
2015/03/31 Python
python脚本内运行linux命令的方法
2015/07/02 Python
详解在Python的Django框架中创建模板库的方法
2015/07/20 Python
使用Python对微信好友进行数据分析
2018/06/27 Python
Pycharm更换python解释器的方法
2018/10/29 Python
用python代码将tiff图片存储到jpg的方法
2018/12/04 Python
Python设计模式之适配器模式原理与用法详解
2019/01/15 Python
Anaconda配置pytorch-gpu虚拟环境的图文教程
2020/04/16 Python
浅谈keras使用中val_acc和acc值不同步的思考
2020/06/18 Python
用python 绘制茎叶图和复合饼图
2021/02/26 Python
GEOX鞋美国官方网站:意大利会呼吸的鞋
2017/07/12 全球购物
美国椅子和沙发制造商:La-Z-Boy
2020/10/25 全球购物
学校后勤岗位职责
2014/02/19 职场文书
巡警年度自我鉴定
2014/02/21 职场文书
超市促销活动方案
2014/03/05 职场文书
小学班主任评语大全
2014/04/23 职场文书
2014年业务员工作总结范文
2014/11/17 职场文书
小学语文的各类谚语(70首)
2019/08/15 职场文书
python 三边测量定位的实现代码
2021/04/22 Python
SpringBoot详解整合Redis缓存方法
2022/07/15 Java/Android