小程序云函数调用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 构造函数 面相对象学习必备知识
Jun 09 Javascript
JS实现鼠标滑过折叠与展开菜单效果代码
Sep 06 Javascript
基于JavaScript实现高德地图和百度地图提取行政区边界经纬度坐标
Jan 22 Javascript
用jQuery的AJax实现异步访问、异步加载
Nov 02 Javascript
详解Angular.js指令中scope类型的几种特殊情况
Feb 21 Javascript
使用jQuery实现两个div中按钮互换位置的实例代码
Sep 21 jQuery
详解Vue如何支持JSX语法
Nov 10 Javascript
JavaScript实现修改伪类样式
Nov 27 Javascript
基于vue+canvas的excel-like组件实例详解
Nov 28 Javascript
基于axios封装fetch方法及调用实例
Feb 05 Javascript
完美解决axios在ie下的兼容性问题
Mar 05 Javascript
微信小程序分享功能之按钮button 边框隐藏和点击隐藏
Jun 14 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
ThinkPHP页面跳转success与error方法概述
2014/06/25 PHP
利用 fsockopen() 函数开放端口扫描器的实例
2017/08/19 PHP
模拟用户操作Input元素,不会触发相应事件
2007/05/11 Javascript
javascript操作cookie_获取与修改代码
2009/05/21 Javascript
如何判断微信内置浏览器(通过User Agent实现)
2014/09/01 Javascript
js实现按钮加背景图片常用方法
2014/11/01 Javascript
浅析webapp框架AngularUI的demo
2014/12/21 Javascript
浅谈javascript中字符串String与数组Array
2014/12/31 Javascript
JavaScript DOM事件(笔记)
2015/04/08 Javascript
javascript中的3种继承实现方法
2016/01/27 Javascript
内容滑动切换效果jquery.hwSlide.js插件封装
2016/07/07 Javascript
微信开发 JS-SDK 6.0.2 经常遇到问题总结
2016/12/08 Javascript
JavaScript html5利用FileReader实现上传功能
2020/03/27 Javascript
Bootstrap警告框(Alert)插件使用方法
2017/03/21 Javascript
微信小程序开发中的疑问解答汇总
2017/07/03 Javascript
使用vue-cli导入Element UI组件的方法
2018/05/16 Javascript
ES6模板字符串和标签模板的应用实例分析
2019/06/25 Javascript
javascript实现前端分页效果
2020/06/24 Javascript
[01:20]DOTA2 2017国际邀请赛冠军之路无止竞
2017/06/19 DOTA
[52:44]VGJ.T vs infamous Supermajor小组赛D组败者组第一轮 BO3 第一场 6.3
2018/06/04 DOTA
Python中变量交换的例子
2014/08/25 Python
python中对list去重的多种方法
2014/09/18 Python
利用python将xml文件解析成html文件的实现方法
2017/12/22 Python
Python迭代器和生成器定义与用法示例
2018/02/10 Python
django组合搜索实现过程详解(附代码)
2019/08/06 Python
TensorFlow自定义损失函数来预测商品销售量
2020/02/05 Python
Python调用SMTP服务自动发送Email的实现步骤
2021/02/07 Python
购买中国最好的电子产品:Geekbuying
2018/03/13 全球购物
护理专业推荐信
2013/11/07 职场文书
《春雨》教学反思
2014/04/24 职场文书
小区门卫的岗位职责
2014/09/26 职场文书
兼职安全员岗位职责
2015/02/15 职场文书
2015年事业单位工作总结
2015/04/27 职场文书
撤诉申请怎么写
2015/05/19 职场文书
《堡垒之夜》联动《刺客信条》 4月7日正式上线
2022/04/06 其他游戏
ant design vue的form表单取值方法
2022/06/01 Vue.js