小程序云函数调用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 相关文章推荐
在线编辑器中换行与内容自动提取
Apr 24 Javascript
jQuery页面滚动浮动层智能定位实例代码
Aug 23 Javascript
js 声明数组和向数组中添加对象变量的简单实例
Jul 28 Javascript
一步一步封装自己的HtmlHelper组件BootstrapHelper(三)
Sep 14 Javascript
AngularJs验证重复密码的方法(两种)
Nov 25 Javascript
Angularjs使用ng-repeat中$even和$odd属性的注意事项
Dec 31 Javascript
Angular 4.x 动态创建表单实例
Apr 25 Javascript
js字符串与Unicode编码互相转换
May 17 Javascript
Angular实现下载安装包的功能代码分享
Sep 05 Javascript
Webpack按需加载打包chunk命名的方法
Sep 22 Javascript
JS错误处理与调试操作实例分析
Apr 13 Javascript
vue项目查看vue版本及cli版本的实现方式
Oct 24 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
杏林同学录(七)
2006/10/09 PHP
PHP 常用函数库和一些实用小技巧
2009/01/01 PHP
PHP 危险函数全解析
2009/09/09 PHP
IIS下PHP连接数据库提示mysql undefined function mysql_connect()
2010/06/04 PHP
无法在发生错误时创建会话,请检查 PHP 或网站服务器日志,并正确配置 PHP 安装最快的解决办法
2010/08/01 PHP
深入php中var_dump方法的使用详解
2013/06/24 PHP
php中call_user_func函数使用注意事项
2014/11/21 PHP
php保存任意网络图片到服务器的方法
2015/04/14 PHP
php发送短信验证码完成注册功能
2015/11/24 PHP
!DOCTYPE声明对JavaScript的影响分析
2010/04/12 Javascript
推荐30个新鲜出炉的精美 jQuery 效果
2012/03/26 Javascript
javascript object array方法使用详解
2012/12/03 Javascript
Jquery增加鼠标中间功能mousewheel的实例代码
2013/09/05 Javascript
JS+CSS实现模仿浏览器网页字符查找功能的方法
2015/02/26 Javascript
Node.js与Sails redis组件的使用教程
2017/02/14 Javascript
jQuery简单实现向列表动态添加新元素的方法示例
2017/12/25 jQuery
js get和post请求实现代码解析
2020/02/06 Javascript
从表单校验看JavaScript策略模式的使用详解
2020/10/17 Javascript
vue实现简单加法计算器
2020/10/22 Javascript
tornado 多进程模式解析
2018/01/15 Python
TensorFlow打印tensor值的实现方法
2018/07/27 Python
Python面向对象之类的定义与继承用法示例
2019/01/14 Python
Python使用crontab模块设置和清除定时任务操作详解
2019/04/09 Python
Python3 itchat实现微信定时发送群消息的实例代码
2019/07/12 Python
Python 自动登录淘宝并保存登录信息的方法
2019/09/04 Python
Python中的全局变量如何理解
2020/06/04 Python
如何将Pycharm中调整字体大小的方式设置为&quot;ctrl+鼠标滚轮上下滑&quot;
2020/11/17 Python
美国领先的在线邮轮旅游公司:CruiseDirect
2018/06/07 全球购物
Huda Beauty官方商店:化妆和美容产品
2020/09/05 全球购物
PHP中如何使用Cookie
2015/10/28 面试题
包装类的功能、种类、常用方法
2012/01/27 面试题
学校安全教育制度
2014/01/31 职场文书
学习雷锋寄语大全
2014/04/11 职场文书
讲座通知范文
2015/04/23 职场文书
优化经济发展环境工作总结
2015/08/11 职场文书
angular4实现带搜索的下拉框
2022/03/25 Javascript