小程序云函数调用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 相关文章推荐
JavaScript函数、方法、对象代码
Oct 29 Javascript
jQuery 美元符冲突的解决方法
Mar 28 Javascript
将Datatable转化成json发送前台实现思路
Sep 06 Javascript
jquery validate 自定义验证方法介绍 日期验证
Feb 27 Javascript
js计算文本框输入的字符数
Oct 23 Javascript
JS继承之借用构造函数继承和组合继承
Sep 07 Javascript
浅谈DOM的操作以及性能优化问题-重绘重排
Jan 08 Javascript
详解Html a标签中href和onclick用法、区别、优先级别
Jan 16 Javascript
使用JS 插件qrcode.js生成二维码功能
Feb 20 Javascript
JavaScript时间戳与时间日期间相互转换
Dec 11 Javascript
ES6的异步终极解决方案分享
Jul 11 Javascript
vue 实现在同一界面实现组件的动态添加和删除功能
Jun 16 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图片处理:加水印、缩略图的实现(自定义函数:watermark、thumbnail)
2010/12/02 PHP
php笔记之:数据类型与常量的使用分析
2013/05/14 PHP
php导出csv格式数据并将数字转换成文本的思路以及代码分享
2014/06/05 PHP
PHP反射使用实例和PHP反射API的中文说明
2014/07/02 PHP
去掉destoon资讯内容页keywords关键字自带的文章标题的方法
2014/08/21 PHP
PHP微信开发之二维码生成类
2015/06/26 PHP
Symfony2学习笔记之模板用法详解
2016/03/17 PHP
用javascript实现的激活输入框后隐藏初始内容
2007/06/29 Javascript
js 返回时间戳所对应的具体时间
2010/07/20 Javascript
Jsonp 跨域的原理以及Jquery的解决方案
2011/06/27 Javascript
js给onclick事件赋值,动态传参数实例解说
2013/03/28 Javascript
js的Boolean对象初始值示例
2014/03/04 Javascript
Javascript基础教程之函数对象和属性
2015/01/18 Javascript
jQuery Ajax调用WCF服务详细教程
2015/03/31 Javascript
详解javascript遍历方式
2015/11/11 Javascript
JQuery日历插件My97DatePicker日期范围限制
2016/01/20 Javascript
基于angular中的重要指令详解($eval,$parse和$compile)
2016/10/21 Javascript
微信小程序中顶部导航栏的实现代码
2017/03/30 Javascript
javascript 中iframe高度自适应(同域)实例详解
2017/05/16 Javascript
vue+axios实现文件下载及vue中使用axios的实例
2018/09/21 Javascript
浅谈vue引用静态资源需要注意的事项
2018/09/28 Javascript
详解如何提升JSON.stringify()的性能
2019/06/12 Javascript
vue 使用原生组件上传图片的实例
2020/09/08 Javascript
python实现数值积分的Simpson方法实例分析
2015/06/05 Python
Python解决线性代数问题之矩阵的初等变换方法
2018/12/12 Python
利用 Flask 动态展示 Pyecharts 图表数据方法小结
2019/09/04 Python
浅析python中while循环和for循环
2019/11/19 Python
Python实现动态给类和对象添加属性和方法操作示例
2020/02/29 Python
使用keras内置的模型进行图片预测实例
2020/06/17 Python
解决pycharm 格式报错tabs和space不一致问题
2021/02/26 Python
详解HTML5 Canvas绘制时指定颜色与透明度的方法
2016/03/25 HTML / CSS
英国设计师泳装、沙滩装和比基尼在线精品店:Beach Cafe
2019/08/28 全球购物
alice McCALL官网:澳大利亚时尚品牌
2020/11/16 全球购物
辛亥革命观后感
2015/06/02 职场文书
2015秋季幼儿园开学通知
2015/07/16 职场文书
美德少年事迹材料(2016推荐版)
2016/02/25 职场文书