小程序云函数调用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 要点归纳(三) jQuery中的事件和动画(下:动画篇)
Mar 24 Javascript
js Date概念详细介绍
Nov 22 Javascript
引用外部脚本时script标签关闭的写法
Jan 20 Javascript
JavaScript中的this关键字使用详解
Aug 14 Javascript
js实现简单的验证码
Dec 25 Javascript
JavaScript探测CSS动画是否已经完成的方法
Aug 30 Javascript
js实现文字向上轮播功能
Jan 13 Javascript
js实现会跳动的日历效果(完整实例)
Oct 18 Javascript
5分钟学会Vue动画效果(小结)
Jul 21 Javascript
详解webpack之图片引入-增强的file-loader:url-loader
Oct 08 Javascript
使用Vue实现简单计算器
Feb 25 Javascript
JS面向对象编程基础篇(二) 封装操作实例详解
Mar 03 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中使用GD库创建圆形饼图的例子
2014/11/19 PHP
PHP遍历XML文档所有节点的方法
2015/03/12 PHP
解决Laravel5.x的php artisan migrate数据库迁移创建操作报错SQLSTATE[42000]
2020/04/06 PHP
jquery 简短右键菜单 多浏览器兼容
2010/01/01 Javascript
JS实现div内部的文字或图片自动循环滚动代码
2013/04/19 Javascript
JavaScript设计模式之观察者模式(发布者-订阅者模式)
2014/09/24 Javascript
自定义jQuery插件方式实现强制对象重绘的方法
2015/03/23 Javascript
jquery实现的淡入淡出下拉菜单效果
2015/08/25 Javascript
jQuery position() 函数详解以及jQuery中position函数的应用
2015/12/14 Javascript
JavaScript jQuery 中定义数组与操作及jquery数组操作
2015/12/18 Javascript
javascript笔记之匿名函数和闭包
2017/02/06 Javascript
jQuery使用ajax_动力节点Java学院整理
2017/07/05 jQuery
ES6解构赋值实例详解
2017/10/31 Javascript
webpack下实现动态引入文件方法
2018/02/22 Javascript
Nuxt.js 数据双向绑定的实现
2019/02/17 Javascript
JQuery样式操作、click事件以及索引值-选项卡应用示例
2019/05/14 jQuery
Node 搭建一个静态资源服务器的实现
2019/05/20 Javascript
vue配置nprogress实现页面顶部进度条
2019/09/21 Javascript
bootstrap table实现iview固定列的效果实例代码详解
2019/09/30 Javascript
[02:22]2018DOTA2亚洲邀请赛VG赛前采访
2018/04/03 DOTA
Python 的描述符 descriptor详解
2016/02/27 Python
Python复数属性和方法运算操作示例
2017/07/21 Python
Python实现的质因式分解算法示例
2018/05/03 Python
python XlsxWriter模块创建aexcel表格的实例讲解
2018/05/03 Python
Django 登陆验证码和中间件的实现
2018/08/17 Python
PyCharm中代码字体大小调整方法
2019/07/29 Python
美国存储和组织商店:The Container Store
2017/08/16 全球购物
世界上最伟大的马产品:Equiderma
2020/01/07 全球购物
外贸销售员求职的自我评价
2013/11/23 职场文书
个人评价范文分享
2014/01/11 职场文书
企业业务员岗位职责
2014/03/14 职场文书
培训科主任岗位职责
2014/08/08 职场文书
教师群众路线剖析材料
2014/09/29 职场文书
新手入门Jvm-- JVM对象创建与内存分配机制
2021/06/18 Java/Android
一篇文章带你复习java知识点
2021/06/28 Java/Android
世界十大动漫制作公司排行榜,迪士尼上榜,第二是美国代表性文化符
2022/03/18 欧美动漫