小程序云函数调用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 相关文章推荐
ASP SQL防注入的方法
Dec 25 Javascript
js parsefloat parseint 转换函数
Jan 21 Javascript
提交表单时执行func方法实现代码
Mar 17 Javascript
js 事件截取enter按键页面提交事件示例代码
Mar 04 Javascript
JQuery实现样式设置、追加、移除与切换的方法
Jun 11 Javascript
javascript+HTML5 Canvas绘制转盘抽奖
May 16 Javascript
jQuery 全选 全不选 事件绑定的实现代码
Jan 23 Javascript
微信小程序 MD5的方法详解及实例代码
Mar 10 Javascript
element-ui 的el-button组件中添加自定义颜色和图标的实现方法
Oct 26 Javascript
Vuepress 搭建带评论功能的静态博客的实现
Feb 17 Javascript
微信小程序整合使用富文本编辑器的方法详解
Apr 25 Javascript
浅谈JavaScript 声明提升
Sep 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
关于PHP中的Class的几点个人看法
2006/10/09 PHP
php 判断数组是几维数组
2013/03/20 PHP
实例介绍PHP中zip_open()函数用法
2019/02/15 PHP
JQuery 学习笔记 选择器之三
2009/07/23 Javascript
JS随即打乱数组实现代码
2012/12/03 Javascript
sails框架的学习指南
2014/12/22 Javascript
jQuery使用hide方法隐藏页面上指定元素的方法
2015/03/30 Javascript
浅谈JS原型对象和原型链
2016/03/02 Javascript
js登录滑动验证的实现(不滑动无法登陆)
2018/01/03 Javascript
Vue波纹按钮组件制作
2018/04/30 Javascript
vue 解决addRoutes动态添加路由后刷新失效问题
2018/07/02 Javascript
解决vue项目打包后提示图片文件路径错误的问题
2018/07/04 Javascript
layui表格数据复选框回显设置方法
2019/09/13 Javascript
解决vue初始化项目时,一直卡在Project description上的问题
2019/10/31 Javascript
ZK中使用JS读取客户端txt文件内容问题
2019/11/07 Javascript
使用node.JS中的url模块解析URL信息
2020/02/06 Javascript
javascript实现移动端轮播图
2020/12/09 Javascript
[54:10]完美世界DOTA2联赛PWL S2 Magma vs FTD 第二场 11.29
2020/12/03 DOTA
python利用urllib和urllib2访问http的GET/POST详解
2017/09/27 Python
修改python plot折线图的坐标轴刻度方法
2018/12/13 Python
Python基础之高级变量类型实例详解
2020/01/03 Python
git查看、创建、删除、本地、远程分支方法详解
2020/02/18 Python
python SOCKET编程基础入门
2021/02/27 Python
使用postMessage让 iframe自适应高度的方法示例
2019/10/08 HTML / CSS
植物选择:Botanic Choice
2017/02/15 全球购物
惊艳的手工时装首饰:Migonne Gavigan
2018/02/23 全球购物
NHL官方在线商店:Shop.NHL.com
2020/05/01 全球购物
如何定义一个可复用的服务
2014/09/30 面试题
应聘编辑职位自荐信范文
2014/01/05 职场文书
创建省级文明单位实施方案
2014/02/27 职场文书
个人安全生产承诺书
2014/05/22 职场文书
农林经济管理专业自荐信
2014/09/01 职场文书
岗位聘任协议书
2015/09/21 职场文书
python实现简单的三子棋游戏
2022/04/28 Python
python神经网络 使用Keras构建RNN训练
2022/05/04 Python
win11怎么消除图标小盾牌?win11消除图标小盾牌解决方法
2022/08/05 数码科技