小程序云函数调用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闭包 懂不懂由你反正我是懂了
Oct 21 Javascript
JS控制图片等比例缩放的示例代码
Dec 24 Javascript
html的DOM中Event对象onblur事件用法实例
Jan 21 Javascript
解决jquery中动态新增的元素节点无法触发事件问题的两种方法
Oct 30 Javascript
JavaScript严格模式下关于this的几种指向详解
Jul 12 Javascript
AngularJS模糊查询功能实现代码(过滤内容下拉菜单排序过滤敏感字符验证判断后添加表格信息)
Oct 24 Javascript
详解使用webpack打包编写一个vue-toast插件
Nov 08 Javascript
jQuery除指定区域外点击任何地方隐藏DIV功能
Nov 13 jQuery
JavaScript面试技巧之数组的一些不low操作
Mar 22 Javascript
记一次用vue做的活动页的方法步骤
Apr 11 Javascript
Vue infinite update loop的问题解决
Apr 23 Javascript
Js实现粘贴上传图片的原理及示例
Dec 09 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+mysql写的留言本
2006/10/09 PHP
Ajax PHP简单入门教程代码
2008/04/25 PHP
php批量添加数据与批量更新数据的实现方法
2014/12/16 PHP
利用php的ob缓存机制实现页面静态化方法
2017/07/09 PHP
解决laravel 出现ajax请求419(unknown status)的问题
2019/09/03 PHP
setTimeout 不断吐食CPU的问题分析
2009/04/01 Javascript
javascript实现的基于金山词霸网络翻译的代码
2010/01/15 Javascript
IE8提示Invalid procedure call or argument 异常的解决方法
2012/09/30 Javascript
动态标签 悬停效果 延迟加载示例代码
2013/11/21 Javascript
jquery通过ajax加载一段文本内容的方法
2015/01/15 Javascript
JavaScript中的Repaint和Reflow用法详解
2015/07/27 Javascript
实例详解JavaScript获取链接参数的方法
2016/01/01 Javascript
jQuery实现的表格展开伸缩效果实例
2016/09/07 Javascript
百度搜索框智能提示案例jsonp
2016/11/28 Javascript
js获取隐藏元素的宽高
2017/02/24 Javascript
利用hasOwnProperty给数组去重的面试题分享
2018/11/05 Javascript
Vue.js实现可排序的表格组件功能示例
2019/02/19 Javascript
webpack中如何加载静态文件的方法步骤
2019/05/18 Javascript
详解JavaScript执行模型
2020/11/16 Javascript
Python学习小技巧之列表项的推导式与过滤操作
2017/05/20 Python
对python实现合并两个排序链表的方法详解
2019/01/23 Python
使用python3调用wxpy模块监控linux日志并定时发送消息给群组或好友
2019/06/05 Python
Pycharm 文件更改目录后,执行路径未更新的解决方法
2019/07/19 Python
使用虚拟环境打包python为exe 文件的方法
2019/08/29 Python
python mqtt 客户端的实现代码实例
2019/09/25 Python
python基于socket函数实现端口扫描
2020/05/28 Python
python程序如何进行保存
2020/07/03 Python
利用Python中的Xpath实现一个在线汇率转换器
2020/09/09 Python
HTML5 Web Workers之网站也能多线程的实现
2013/04/24 HTML / CSS
四个太阳教学反思
2014/02/01 职场文书
寄语学生的话
2014/04/10 职场文书
幼儿园评语大全
2014/04/17 职场文书
安全生产专项整治方案
2014/05/06 职场文书
我是一名护士演讲稿
2014/08/28 职场文书
会计实训报告范文
2014/11/04 职场文书
协议书格式模板
2016/03/24 职场文书