小程序云函数调用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 相关文章推荐
IE8 兼容性问题(属性名区分大小写)
Jun 04 Javascript
javascript Array.prototype.slice使用说明
Oct 11 Javascript
获取下拉列表框的值是数组,split,$.inArray示例
Nov 13 Javascript
jQuery聚合函数实例
May 21 Javascript
JQuery Mobile 弹出式登录框的实现方法
May 28 Javascript
解析JavaScript模仿块级作用域
Dec 29 Javascript
vue-cli下的vuex的简单Demo图解(实现加1减1操作)
Feb 26 Javascript
说说Vue.js中的functional函数化组件的使用
Feb 12 Javascript
在node中使用jwt签发与验证token的方法
Apr 03 Javascript
vue-router 前端路由之路由传值的方式详解
Apr 30 Javascript
vue-router的钩子函数用法实例分析
Oct 26 Javascript
如何构建 vue-ssr 项目的方法步骤
Aug 04 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
用cookies来跟踪识别用户
2006/10/09 PHP
php中利用str_pad函数生成数字递增形式的产品编号
2013/09/30 PHP
php实现将wav文件转换成图像文件并在页面中显示的方法
2015/04/21 PHP
PHP文件上传问题汇总(文件大小检测、大文件上传处理)
2015/12/24 PHP
php文件系统处理方法小结
2016/05/23 PHP
列表内容的选择
2006/06/30 Javascript
游戏人文件夹程序 ver 4.03
2006/07/14 Javascript
jquery 插件实现图片延迟加载效果代码
2010/02/06 Javascript
chrome调试javascript详解
2015/10/21 Javascript
JS获取文件大小方法小结
2015/12/08 Javascript
js数组常用操作方法小结(增加,删除,合并,分割等)
2016/08/02 Javascript
完美解决jQuery的hover事件在IE中不停闪动的问题
2017/02/10 Javascript
bootstrap fileinput插件实现预览上传照片功能
2018/01/23 Javascript
Bootstrap实现可折叠分组侧边导航菜单
2018/03/07 Javascript
node.js自动上传ftp的脚本分享
2018/06/16 Javascript
JavaScript 中的 this 工作原理
2018/06/20 Javascript
使用vue-router为每个路由配置各自的title
2018/07/30 Javascript
微信小程序页面间值传递的两种方法
2018/11/26 Javascript
Vue Element校验validate的实例
2020/09/21 Javascript
使用python加密自己的密码
2015/08/04 Python
Python使用爬虫猜密码
2016/02/19 Python
python3.5 + PyQt5 +Eric6 实现的一个计算器代码
2017/03/11 Python
Python实现字符串逆序输出功能示例
2017/06/24 Python
Python编程实现蚁群算法详解
2017/11/13 Python
python中字符串比较使用is、==和cmp()总结
2018/03/18 Python
Python tkinter label 更新方法
2018/10/11 Python
python脚本当作Linux中的服务启动实现方法
2019/06/28 Python
将python2.7添加进64位系统的注册表方式
2019/11/20 Python
在django项目中导出数据到excel文件并实现下载的功能
2020/03/13 Python
Django REST framwork的权限验证实例
2020/04/02 Python
TensorFLow 数学运算的示例代码
2020/04/21 Python
如何用Python徒手写线性回归
2021/01/25 Python
英国最大的线上保健品零售商之一:Vitamin Planet
2016/12/01 全球购物
Ego Shoes官网:英国时髦鞋类品牌
2020/10/19 全球购物
《九寨沟》教学反思
2014/04/08 职场文书
您对思维方式了解多少?
2019/12/09 职场文书