小程序云函数调用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获取网页中的js、css、Flash等文件
Dec 20 Javascript
一个XML格式数据转换为图表的例子
Feb 09 Javascript
Javascript排序算法之计数排序的实例
Apr 05 Javascript
快速移动鼠标触发问题及解决方法(ECharts外部调用保存为图片操作及工作流接线mouseenter和mouseleave)
Aug 29 Javascript
jQuery模拟下拉框选择对应菜单的内容
Mar 07 Javascript
Ionic3实现图片瀑布流布局
Aug 09 Javascript
AngularJS 中的数据源的循环输出
Oct 12 Javascript
解决JavaScript中0.1+0.2不等于0.3问题
Oct 23 Javascript
puppeteer实现html截图的示例代码
Jan 10 Javascript
Node.js HTTP服务器中的文件、图片上传的方法
Sep 23 Javascript
使用vuex较为优雅的实现一个购物车功能的示例代码
Dec 09 Javascript
解决vux 中popup 组件Mask 遮罩在最上层的问题
Nov 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
windows下升级PHP到5.3.3的过程及注意事项
2010/10/12 PHP
PHP连接MongoDB示例代码
2012/09/06 PHP
PHP 异步执行方法,模拟多线程的应用分析
2013/06/03 PHP
基于在生产环境中使用php性能测试工具xhprof的详解
2013/06/03 PHP
PHP APP微信提现接口代码
2018/09/30 PHP
Laravel框架FormRequest中重写错误处理的方法
2019/02/18 PHP
JavaScript 页面编码与浏览器类型判断代码
2010/06/03 Javascript
js和jquery批量绑定事件传参数一(新猪猪原创)
2010/06/23 Javascript
jquery怎样实现ajax联动框(二)
2013/03/08 Javascript
js实现匹配时换色的输入提示特效代码
2015/08/17 Javascript
jQuery实现自定义右键菜单的树状菜单效果
2015/09/02 Javascript
javascript产生随机数方法汇总
2016/01/25 Javascript
Vue-cli配置打包文件本地使用的教程图解
2018/08/02 Javascript
js实现通过开始结束控制的计时器
2019/02/25 Javascript
微信小程序--获取用户地理位置名称(无须用户授权)的方法
2019/04/29 Javascript
基于Layui自定义模块的使用方法详解
2019/09/14 Javascript
js实现鼠标点击页面弹出自定义文字效果
2019/12/24 Javascript
node.js express捕获全局异常的三种方法实例分析
2019/12/27 Javascript
el-table树形表格表单验证(列表生成序号)
2020/05/31 Javascript
js 数组当前行添加数据方法详解
2020/07/28 Javascript
Vue scoped及deep使用方法解析
2020/08/01 Javascript
[51:27]LGD vs Liquid 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
Python实现字典依据value排序
2016/02/24 Python
python经典趣味24点游戏程序设计
2019/07/26 Python
Python数据分析库pandas高级接口dt的使用详解
2020/12/11 Python
英国舒适型鞋履品牌:FitFlop
2017/05/17 全球购物
如何将整数int转换成字串String
2014/03/21 面试题
为什么要使用servlet
2016/01/17 面试题
个人求职简历的自我评价
2013/10/19 职场文书
预备党员2014全国两会学习心得体会
2014/03/10 职场文书
大学生精神文明先进个人事迹材料
2014/05/02 职场文书
道德之星事迹材料
2014/05/03 职场文书
体育教师求职信
2014/05/24 职场文书
构建和谐校园倡议书
2015/01/19 职场文书
大学生党员自我评价
2015/03/04 职场文书
vue实现拖拽交换位置
2022/04/07 Vue.js